How to Clear setInterval() without Knowing the ID

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. https://jsfiddle.net/WqCws/.

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

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

var $timer = $('#timer'),
    count = 0;

//set the interval
var interval = setInterval(function() { $timer.html(count++); }, 1000); console.log('the interval is: '+interval); //clear it $('button').bind('click', function(e) { var found; for(i=0; i<10000; i++) { window.clearInterval(i); } });

猜你喜欢

转载自www.cnblogs.com/oxspirt/p/9105049.html