如何强制清除Javascript中的间隔

Question

All:

I wonder if there is a way that I can force to clear all the interval counters, for example:

/* var counter = */ setInterval(function(){console.log("Tick")}, 1000)

But I forget to get the reference ( that counter variable, which is a number if printed out in console), I wonder if there is a way I can find what number that Interval is, so I can call clearInterval

Answer 1

The only thing you can be sure about the id is that is will be an integer greater than zero. See the spec .

let handle be a user-agent-defined integer that is greater than zero that will identify the timeout to be set by this call in the list of active timers.

So you can, very inefficiently, try them all:

for (let i = 1; i < Number.MAX_SAFE_INTEGER; i++) {
    clearInterval(i);
}

Note that this will take a while (that's a lot of numbers to loop over, although you might assume that the browser will issue them in sequential order and you'll never generate more than a certain number).

Note also that ( See MDN ):

the pool of IDs used by setInterval() and setTimeout() are shared, which means you can technically use clearInterval() and clearTimeout() interchangeably

So this will blat all setTimeout calls as well as all setInterval calls.

Answer 2

Another option, one that I don't like, is to monkey patch setInterval . Basically, decorate it in a way to store a reference of setInterval somewhere else.

allIntervals = []
originalSetInterval = window.setInterval
window.setInterval = (...args) => {
    const interval = originalSetInterval(...args)
    allIntervals.push(interval)
    return interval
}

// ...
setInterval(function(){console.log("Tick")}, 1000)
setInterval(function(){console.log("Tick 2")}, 1000)

Then it's just a matter of calling all of them to clear them

allIntervals.map(window.clearInterval)

You may want to override window.clearInterval as well, and pop the right value from allIntervals .