Use variable as time in setInterval / setTimeout

Question

Here is an example of a situation.

var count, time = 1000; setInterval(function(){ count += 1; }, time); 

The above code will add 1 to the "count" var, very 1000 milliseconds. It seems that setInterval at startup will use the time it sees at runtime. If this value is updated later, it does not take this into account and will continue to work with the set initial time.

How can I dynamically change the time for this method?

Answer 1

Instead, use setTimeout with a callback and a variable instead of a number.

 function timeout() { setTimeout(function () { count += 1; console.log(count); timeout(); }, time); }; timeout(); 

Demo here

Shorter version:

 function periodicall() { count++; setTimeout(periodicall, time); }; periodicall(); 

Answer 2

Try:

 var count, time = 1000, intId; function invoke(){ intId = setInterval(function(){ count += 1; if(...) // now i need to change my time { time = 2000; //some new value intId = window.clearInterval(intId); invoke(); } }, time); } invoke(); 

You cannot change the interval dynamically because it is set once, and then setInterval code does not run again. So what can you do to clear the interval and set it to run again. You can also use setTimeout with similar logic, but with setTimeout you need to register a timeout every time, and you do not need to use clearTimeout if you do not want to interrupt between them. If you change the time every time, then setTimeout makes more sense.

 var count, time = 1000; function invoke() { count += 1; time += 1000; //some new value console.log('displ'); window.setTimeout(invoke, time); } window.setTimeout(invoke, time); 

Answer 3

You cannot (as far as I know) dynamically change the interval. I would recommend doing this with callbacks:

 var _time = 1000, _out, _count = 0, yourfunc = function() { count++; if (count > 10) { // stop clearTimeout(_out); // optional } else { // your code _time = 1000 + count; // for instance _out = setTimeout(function() { yourfunc(); }, _time); } }; 

Answer 4

integers are not passed by reference in JavaScript, i.e. there is no way to change the interval by changing your variable.

Just undo setInterval and restart it again with a new time.

An example can be found here: http://jsfiddle.net/Elak/yUxmw/2/

 var Interval; (function () { var createInterval = function (callback, time) { return setInterval(callback, time); } Interval = function (callback, time) { this.callback = callback; this.interval = createInterval(callback, time); }; Interval.prototype.updateTimer = function (time) { clearInterval(this.interval); createInterval(this.callback, time); }; })(); $(document).ready(function () { var inter = new Interval(function () { $("#out").append("<li>" + new Date().toString() + "</li>"); }, 1000); setTimeout(function () { inter.updateTimer(500); }, 2000); });