Javascript - Start/Stop setInterval automatically

Question

Possible Duplicate:
How to clearInterval with unknown ID?

I currently start a series of setIntervals(function(), time) outside of functions in the part of my page header.

I now need the abliity to stop and start these global setIntervals from within a function. There is lots of questions doing this with user input but I need the script to do it automatically. Essentially when the initially setInterval function fires it will disable future firings until the user acknowledges it.

What's the best way to do this.

Jquery is acceptable, or even preffered.

I'm pretty sure if you thoroughly read the other questions/answers that already exist on this topic, you can figure it out. There is no big difference in stopping `setInterval` on button click or "automatically" in both cases you eventually call the same function (`clearInterval`). — Felix Kling, Nov 14 '12 at 11:55
[This answer](http://stackoverflow.com/a/7663883/447356) looks most suitable for what you need. — Shadow Wizard Says No More War, Nov 14 '12 at 12:01

roacher · Accepted Answer · 2012-11-14T12:01:44.870

2

You'll have to asign the interval to a variable, then use the function clearInterval to stop it. https://developer.mozilla.org/en-US/docs/DOM/window.clearInterval

var interval = setInterval(function(), time)
clearInterval(interval)

edited Nov 14 '12 at 12:01

answered Nov 14 '12 at 11:56

roacher

666
3
8

didn't you mean `setInterval`? – loxxy Nov 14 '12 at 11:59
Yes i did :) thanks, nice catch. – roacher Nov 14 '12 at 12:01

score 1 · Answer 2 · answered Nov 14 '12 at 12:05

I use something like this :

var timers = [];

var timer = function (code, delay) {

   var id = "timer" + timers.length;

    timers.push({ id : id, ref : setInterval(code, delay)});
}

new timer(function(e) { alert("I'm first timer!");}, 1000);

score 0 · Answer 3 · answered Nov 14 '12 at 12:20

<input type="button" value="click me" onClick="disableInterval()"/>

<script type="text/javascript">
    $(document).ready(function () {
       var  intervalID = setInterval(yourFunction(), time);
  });
disableInterval = function(){   
 window.clearInterval(intervalID);
}
</script>

Javascript - Start/Stop setInterval automatically

3 Answers3