执行方法后如何在javascript中保存变量的值？

Question

I have this code :

 var n = 0; // << I want save value of this var $('.next').click(function () { // << after this method run n++ }); function run() { setInterval(function () { n++; var slideId = '#' + "slide" + (n); var dotId = '#' + "dot" + (n); if (n == settings.slideNumber) { n = 0; } var lastSlideId = '#' + "slide" + (n + 1); var lastDotId = '#' + "dot" + (n + 1); $(slideId).css({display: 'none'}); $(dotId).css({backgroundColor: '#1a1a1a'}); $(lastSlideId).css({display: 'block'}); $(lastDotId).css({backgroundColor: '#0AC986'}); }, 2000); } run(); 

After the click event occurred , run method will start from fist and value of n will be zero again . How i can save the value of n var after click event ? ( Consider that I wrote this method inside a jquery plugin )

Answer 1

You can declare n as the global variable, to keep up to date with the latest value of n.

Also, the click event should be outside of the run function, otherwise, each time you execute run function it will attach a new event listener for the button click .

I have created a sample as per your question. Hope it helps.

 let n = 0; $('#btn').click(function() { n++; console.log("Value of n::",n) }); function run() { console.log("Value of n::",n) } run(); $('#run').click(run); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="btn">Click</button> <button id="run">Run</button>