blocks|key|1740054|text|它们不在窗口对象中，但它们具有in，in+(afaik)是连续的整数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1740055|因此，您可以像这样清除所有超时：|1740056|var+id+=+window.setTimeout(function()+{},+0);

while+(id--)+{
++++window.clearTimeout(id);+//+will+do+nothing+if+no+timeout+with+id+is+present
}|code-block|syntax|javascript|1740057|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

They are not in the window object, but they have ids, which (afaik) are consecutive integers.

So you may clear all timeouts like so:

<pre><code>var id = window.setTimeout(function() {}, 0);

while (id--) {
 window.clearTimeout(id); // will do nothing if no timeout with id is present
}
</code></pre>

blocks|key|1953512|text|我认为实现这一点的最简单方法是将所有setTimeout标识符存储在一个数组中，这样您就可以很容易地对所有这些标识符迭代到clearTimeout()。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1953513|var+timeouts+=+[];
timeouts.push(setTimeout(function(){alert(1);},+200));
timeouts.push(setTimeout(function(){alert(2);},+300));
timeouts.push(setTimeout(function(){alert(3);},+400));

for+(var+i=0;+i<timeouts.length;+i%2B%2B)+{
++clearTimeout(timeouts[i]);
}|code-block|syntax|javascript|1953514|entityMap^0|I|A|1P|E|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

I think the easiest way to accomplish this would be to store all the <code>setTimeout</code> identifiers in one array, where you can easily iterate to <code>clearTimeout()</code> on all of them.

<pre><code>var timeouts = [];
timeouts.push(setTimeout(function(){alert(1);}, 200));
timeouts.push(setTimeout(function(){alert(2);}, 300));
timeouts.push(setTimeout(function(){alert(3);}, 400));

for (var i=0; i&lt;timeouts.length; i++) {
 clearTimeout(timeouts[i]);
}
</code></pre>

blocks|key|1740064|text|使用全局超时，您的所有其他函数都是从全局超时中获取计时的。这将使一切都运行得更快，更容易管理，尽管它会为您的代码添加一些抽象。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1740065|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Use a global timeout which all of your other functions derive timing from. This will make everything run faster, and be easier to manage, although it will add some abstraction to your code.

blocks|key|1740459|text|我有一个对Pumbaa80's+answer的补充，可能对为旧IE开发的人有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1740460|是的，所有主流浏览器都将超时is实现为连续整数(即not+required+by+specification)。尽管不同浏览器的起始号是不同的。似乎Opera，Safari，Chrome和IE+>8从1开始超时It，基于壁虎的浏览器从2开始，IE+<=+8从某个随机数字开始，这些数字在选项卡刷新时被神奇地保存下来。你可以使用discover+it+yourself。|1740461|所有这些都意味着在IE+<=8中，while+(lastTimeoutId--)周期可能会运行超过8位数的时间，并显示“此页上的脚本正在导致Internet+Explorer运行缓慢”的消息。因此，如果你不能超时或者不想超时，你可以考虑把第一个save+all+you+timeout+id's+id保存在页面上，并在此之前清除超时。|style|CODE|1740462|在早期页面加载时执行代码：|1740463|var+clearAllTimeouts+=+(function+()+{
++++var+noop+=+function+()+{},
++++++++firstId+=+window.setTimeout(noop,+0);
++++return+function+()+{
++++++++var+lastId+=+window.setTimeout(noop,+0);
++++++++console.log('Removing',+lastId+-+firstId,+'timeout+handlers');
++++++++while+(firstId+!=+lastId)
++++++++++++window.clearTimeout(%2B%2BfirstId);
++++};
});|code-block|syntax|javascript|1740464|然后清除所有挂起的超时，这些超时可能由外部代码多次设置|1740465|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/8860203/1206628|1|http://www.w3.org/TR/html5/timers.html#timers|2|http://plnkr.co/edit/prHh97?p=preview|3|https://stackoverflow.com/a/8860210/1206628^0|5|H|0|0|P|T|1|4J|K|2|0|H|N|3E|P|3|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@$A|17|B|18|1|19]]|C|$]]|$1|D|3|E|5|6|7|1A|8|@]|9|@$A|1B|B|1C|1|1D]|$A|1E|B|1F|1|1G]]|C|$]]|$1|F|3|G|5|6|7|1H|8|@$A|1I|B|1J|H|I]]|9|@$A|1K|B|1L|1|1M]]|C|$]]|$1|J|3|K|5|6|7|1N|8|@]|9|@]|C|$]]|$1|L|3|M|5|N|7|1O|8|@]|9|@]|C|$O|P]]|$1|Q|3|R|5|6|7|1P|8|@]|9|@]|C|$]]|$1|S|3|-4|5|6|7|1Q|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]|10|$5|V|W|X|C|$Y|11]]|12|$5|V|W|X|C|$Y|13]]|14|$5|V|W|X|C|$Y|15]]]]

I have an addition to <a href="https://stackoverflow.com/a/8860203/1206628">Pumbaa80's answer</a> that might be useful for someone developing for old IEs. 

Yes, all major browsers implement timeout ids as consecutive integers (which is <a href="http://www.w3.org/TR/html5/timers.html#timers" rel="nofollow noreferrer">not required by specification</a>). Althrough the starting number differs form browser to browser. It seems that Opera, Safari, Chrome and IE > 8 starts timeout ids from 1, Gecko-based browsers from 2 and IE &lt;= 8 from some random number that is magically saved across tab refresh. You can <a href="http://plnkr.co/edit/prHh97?p=preview" rel="nofollow noreferrer">discover it yourself</a>.

All that meens that in IE &lt;=8 the <code>while (lastTimeoutId--)</code> cycle may run over 8digits times and show the "A script on this page is causing Internet Explorer to run slowly" message. So if you can not <a href="https://stackoverflow.com/a/8860210/1206628">save all you timeout id's</a> or don't want to <a href="https://stackoverflow.com/a/8524313/1206628">override window.setTimeout</a> you may consider saving the first timeout id on a page and clearing timeouts until it.

Execute the code on early page load:

<pre><code>var clearAllTimeouts = (function () {
 var noop = function () {},
 firstId = window.setTimeout(noop, 0);
 return function () {
 var lastId = window.setTimeout(noop, 0);
 console.log('Removing', lastId - firstId, 'timeout handlers');
 while (firstId != lastId)
 window.clearTimeout(++firstId);
 };
});
</code></pre>

And then clear all pending timeouts that probably was set by foreign code so many times you want

blocks|key|1740473|text|如何将超时ids存储在全局数组中，并定义一个方法来将函数调用委托给窗口的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1740474|GLOBAL={
++++timeouts+:+[],//global+timeout+id+arrays
++++setTimeout+:+function(code,number){
++++++++this.timeouts.push(setTimeout(code,number));
++++},
++++clearAllTimeout+:function(){
++++++++for+(var+i=0;+i<this.timeouts.length;+i%2B%2B)+{
++++++++++++window.clearTimeout(this.timeouts[i]);+//+clear+all+the+timeouts
++++++++}
++++++++this.timeouts=+[];//empty+the+id+array
++++}
};|code-block|syntax|javascript|1740475|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

How about store the timeout ids in a global array, and define a method to delegate the function call to the window's.

<pre><code>GLOBAL={
 timeouts : [],//global timeout id arrays
 setTimeout : function(code,number){
 this.timeouts.push(setTimeout(code,number));
 },
 clearAllTimeout :function(){
 for (var i=0; i&lt;this.timeouts.length; i++) {
 window.clearTimeout(this.timeouts[i]); // clear all the timeouts
 }
 this.timeouts= [];//empty the id array
 }
};
</code></pre>

blocks|key|1953879|text|我们刚刚发布了一个包来解决这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1953880|npm+install+time-events-manager|offset|length|style|CODE|1953881|这样，您就可以通过timeoutCollection和intervalCollection对象查看所有超时和时间间隔。还有一个removeAll函数，可以从集合和浏览器中清除所有超时/间隔。|1953882|entityMap^0|0|0|V|0|9|H|R|I|1R|9|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@$D|Q|E|R|F|G]|$D|S|E|T|F|G]|$D|U|E|V|F|G]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|K|$]]

We've just published a package solving this exact issue.

<code>npm install time-events-manager</code>

With that, you can view all timeouts and intervals via <code>timeoutCollection</code> &amp; <code>intervalCollection</code> objects.
There's also a <code>removeAll</code> function which clears all timeouts/intervals both from the collection and the browser.

blocks|key|1740527|text|为了完整起见，我想发布一个涵盖setTimeout和setInterval的通用解决方案。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1740528|看起来浏览器可能对两者使用相同的ID池，但从对Are+clearTimeout+and+clearInterval+the+same?的一些回答中，还不清楚依靠clearTimeout和clearInterval执行相同的功能还是只使用它们各自的计时器类型是安全的。|1740529|因此，当目标是杀死所有超时和时间间隔时，这里有一个实现，当无法测试所有超时和间隔时，它可能会在实现之间稍微更具防御性：|1740530|function+clearAll(windowObject)+{
++var+id+=+Math.max(
++++windowObject.setInterval(noop,+1000),
++++windowObject.setTimeout(noop,+1000)
++);

++while+(id--)+{
++++windowObject.clearTimeout(id);
++++windowObject.clearInterval(id);
++}

++function+noop(){}
}|code-block|syntax|javascript|1740531|您可以使用它清除当前窗口中的所有计时器：|1740532|clearAll(window);|1740533|或者，您可以使用它清除iframe中的所有计时器|1740534|clearAll(document.querySelector("iframe").contentWindow);|1740535|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/9913719/are-cleartimeout-and-clearinterval-the-same^0|F|A|Q|B|0|28|C|2L|D|N|18|0|0|0|0|0|0|B|6|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]|$9|17|A|18|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|19|8|@$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]]|D|@$9|1E|A|1F|1|1G]]|E|$]]|$1|H|3|I|5|6|7|1H|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1I|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1J|8|@]|D|@]|E|$]]|$1|Q|3|R|5|L|7|1K|8|@]|D|@]|E|$M|N]]|$1|S|3|T|5|6|7|1L|8|@$9|1M|A|1N|B|C]]|D|@]|E|$]]|$1|U|3|V|5|L|7|1O|8|@]|D|@]|E|$M|N]]|$1|W|3|-4|5|6|7|1P|8|@]|D|@]|E|$]]]|X|$Y|$5|Z|10|11|E|$12|13]]]]

For completeness, I wanted to post a general solution that covers both <code>setTimeout</code> and <code>setInterval</code>.

It seems browsers might use the same pool of IDs for both, but from some of the answers to <a href="https://stackoverflow.com/questions/9913719/are-cleartimeout-and-clearinterval-the-same">Are clearTimeout and clearInterval the same?</a>, it's not clear whether it's safe to rely on <code>clearTimeout</code> and <code>clearInterval</code> performing the same function or only working on their respective timer types.

Therefore, when the goal is to kill all timeouts and intervals, here's an implementation that might be slightly more defensive across implementations when unable to test all of them:

<pre><code>function clearAll(windowObject) {
 var id = Math.max(
 windowObject.setInterval(noop, 1000),
 windowObject.setTimeout(noop, 1000)
 );

 while (id--) {
 windowObject.clearTimeout(id);
 windowObject.clearInterval(id);
 }

 function noop(){}
}
</code></pre>

You can use it to clear all timers in the current window:

<pre><code>clearAll(window);
</code></pre>

Or you can use it to clear all timers in an <code>iframe</code>:

<pre><code>clearAll(document.querySelector("iframe").contentWindow);
</code></pre>

blocks|key|1953911|text|我使用Vue和Typescript。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1953912|++++private+setTimeoutN;
++++private+setTimeoutS+=+[];

++++public+myTimeoutStart()+{

++++++++this.myTimeoutStop();//stop+All+my+timeouts

++++++++this.setTimeoutN+=+window.setTimeout(+()+=>+{
++++++++++++console.log('setTimeout');
++++++++},+2000);

++++++++this.setTimeoutS.push(this.setTimeoutN)//add+THIS+timeout+ID+in+array

++++}

++++public+myTimeoutStop()+{

++++++++if(+this.setTimeoutS.length+>+0+)+{
++++++++++++for+(let+id+in+this.setTimeoutS)+{
++++++++++++++++console.log(this.setTimeoutS[id]);
++++++++++++++++clearTimeout(this.setTimeoutS[id]);
++++++++++++}
++++++++++++this.setTimeoutS+=+[];//clear+IDs+array
++++++++}
++++}|code-block|syntax|javascript|1953913|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I use Vue with Typescript.

<pre><code> private setTimeoutN;
 private setTimeoutS = [];

 public myTimeoutStart() {

 this.myTimeoutStop();//stop All my timeouts

 this.setTimeoutN = window.setTimeout( () =&gt; {
 console.log('setTimeout');
 }, 2000);

 this.setTimeoutS.push(this.setTimeoutN)//add THIS timeout ID in array

 }

 public myTimeoutStop() {

 if( this.setTimeoutS.length &gt; 0 ) {
 for (let id in this.setTimeoutS) {
 console.log(this.setTimeoutS[id]);
 clearTimeout(this.setTimeoutS[id]);
 }
 this.setTimeoutS = [];//clear IDs array
 }
 }
</code></pre>

blocks|key|1953923|text|您必须重写window.setTimeout方法并保存其超时ID。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1953924|const+timeouts+=+[];
const+originalTimeoutFn+=+window.setTimeout;

window.setTimeout+=+function(fun,+delay)+{+//this+is+over-writing+the+original+method
++const+t+=+originalTimeoutFn(fn,+delay);
++timeouts.push(t);
}

function+clearTimeouts(){
++while(timeouts.length){
++++clearTimeout(timeouts.pop();
++}
}|code-block|syntax|javascript|1953925|entityMap^0|5|H|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

You have to rewrite the <code>window.setTimeout</code> method and save its timeout ID.

<pre><code>const timeouts = [];
const originalTimeoutFn = window.setTimeout;

window.setTimeout = function(fun, delay) { //this is over-writing the original method
 const t = originalTimeoutFn(fn, delay);
 timeouts.push(t);
}

function clearTimeouts(){
 while(timeouts.length){
 clearTimeout(timeouts.pop();
 }
}
</code></pre>

blocks|key|1953940|text|已经很晚了..。但是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1953941|基本上，setTimeout/setInterval+ID的顺序是连续的，所以只需创建一个虚拟超时函数来获取最高的ID，然后清除低于这个值的所有ID的间隔。|1953942|const+highestId+=+window.setTimeout(()+=>+{
++for+(let+i+=+highestId;+i+>=+0;+i--)+{
++++window.clearInterval(i);
++}
},+0);|code-block|syntax|javascript|1953943|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This is very late... but:
Basically, setTimeout/setInterval ID's go in consecutive order, so just create a dummy timeout function to get the highest ID, then clear interval on all the IDs lower than that.
<pre class="lang-js prettyprint-override"><code>const highestId = window.setTimeout(() =&gt; {
 for (let i = highestId; i &gt;= 0; i--) {
 window.clearInterval(i);
 }
}, 0);
</code></pre>

blocks|key|1953965|text|另一个的答案实际上是正确的。但对我来说，这就是处理这类事情的方法。检查我下面的代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1953966|//+example+when+I+person+types+on+search+input
function+typeOnSearch(time+=+3000)+{
++//+this+will+clear+timeout
++clearTimeout(window.typeOnSearchTimeOut);+

++//+we+create+a+timeout+variable+and+added+it+to+window,+this+way,+we+can+access+this+in+any+function+in+our+app.
++window.typeOnSearchTimeOut+=+setTimeout(+()+=>+{
++++//enter+what+you+like+to+do+here,+like+fetch+data
++},+time);
}|code-block|syntax|javascript|1953967|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The answers of the other are actually correct. But for me this is how approach this kind of stuff. Check my code bellow.
<pre class="lang-js prettyprint-override"><code>
// example when I person types on search input
function typeOnSearch(time = 3000) {
 // this will clear timeout
 clearTimeout(window.typeOnSearchTimeOut); 

 // we create a timeout variable and added it to window, this way, we can access this in any function in our app.
 window.typeOnSearchTimeOut = setTimeout( () =&gt; {
 //enter what you like to do here, like fetch data
 }, time);
}

</code></pre>

Is there a way to clear all time outs from a given window? I suppose the timeouts are stored somewhere in the <code>window</code> object but couldn't confirm that.

Any cross browser solution is welcome.

javascript: Clear all timeouts?

有没有办法清除给定窗口中的所有超时？我认为超时存储在window对象中的某个地方，但无法确认。欢迎任何跨浏览器的解决方案。

问javascript:清除所有超时？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript:清除所有超时？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript:清除所有超时？
EN