Problem
Declaring a setInterval() without keeping a reference to it (which is returned from the function call setInterval(), it returns an id number for the registered event).

Like so:

var interval = setInterval(function() {
    console.log('i');
}, 1000);
console.log(interval);

It you can see it assigns a random number as the id for the event. Then when we clear the interval it uses that id.

Simply by calling:

clearInterval(interval);

A Diirty Solution
Now this is not good coding practice (for a number of reasons) but if you really need to clear that interval we can simply do a loop to find the id of the event to stop all setInterval() events that are running. I’ve done a quick jsfiddle to show you. http://jsfiddle.net/WqCws/.

for(i=0; i<100; i++)
{
    window.clearInterval(i);
}

I’m pretty sure this will also work for setTimeout() and clearTimeout();

Sam Deering Sam Deering
Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

  • ilan

    I solve it by creating a fake interval whose id number is apparently the highest one. This method is very important with working on userscripts.

    var fake=setInterval(“”);

    for(var i = 0 ; i < fake ; i++) {
    clearInterval(i);
    }

  • Mike

    You cant use a local var to clear the timers ??? Can U ?? Dosent work on my end…

Related books & courses
Available now on SitePoint Premium

Preview for $1