blocks|key|1558994|text|我不认为有一种方法可以枚举活动计时器，但您可以覆盖window.setTimeout和window.clearTimeout，并将其替换为您自己的实现，这些实现进行一些跟踪，然后调用原始实现。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1558995|window.originalSetTimeout+=+window.setTimeout;
window.originalClearTimeout+=+window.clearTimeout;
window.activeTimers+=+0;

window.setTimeout+=+function(func,+delay)+{
++++window.activeTimers%2B%2B;
++++return+window.originalSetTimeout(func,+delay);
};

window.clearTimeout+=+function(timerID)+{
++++window.activeTimers--;
++++window.originalClearTimeout(timerID);
};|code-block|syntax|javascript|1558996|当然，您可能不会总是调用clearTimeout，但这至少会给您提供一些方法来跟踪运行时发生的事情。|1558997|entityMap^0|P|H|17|J|0|0|C|C|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|N|$]]

I don't think there is a way to enumerate active timers, but you could override <code>window.setTimeout</code> and <code>window.clearTimeout</code> and replace them with your own implementations which do some tracking and then call the originals.

<pre><code>window.originalSetTimeout = window.setTimeout;
window.originalClearTimeout = window.clearTimeout;
window.activeTimers = 0;

window.setTimeout = function(func, delay) {
 window.activeTimers++;
 return window.originalSetTimeout(func, delay);
};

window.clearTimeout = function(timerID) {
 window.activeTimers--;
 window.originalClearTimeout(timerID);
};
</code></pre>

Of course, you might not always call <code>clearTimeout</code>, but this would at least give you some way to track what is happening at runtime.

blocks|key|1343548|text|由于Paul只介绍了setTimeout，我想我应该共享setInterval/clearInterval的计数器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1343549|window.originalSetInterval+=+window.setInterval;
window.originalClearInterval+=+window.clearInterval;
window.activeIntervals+=+0;
window.setInterval+=+function+(func,+delay)
{
++++if(func+&&+delay){
++++++++++++window.activeIntervals%2B%2B;
++++}
++++return+window.originalSetInterval(func,delay);
};
window.clearInterval+=+function+(intervalId)
{
++++//+JQuery+sometimes+hands+in+true+which+doesn't+count
++++if(intervalId+!==+true){
++++++++window.activeIntervals--;
++++}
++++return+window.originalClearInterval(intervalId);
};|code-block|syntax|javascript|1343550|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|$]]

Seeing as Paul has only covered setTimeout I thought I would share a counter for setInterval/clearInterval.

<pre><code>window.originalSetInterval = window.setInterval;
window.originalClearInterval = window.clearInterval;
window.activeIntervals = 0;
window.setInterval = function (func, delay)
{
 if(func &amp;&amp; delay){
 window.activeIntervals++;
 }
 return window.originalSetInterval(func,delay);
};
window.clearInterval = function (intervalId)
{
 // JQuery sometimes hands in true which doesn't count
 if(intervalId !== true){
 window.activeIntervals--;
 }
 return window.originalClearInterval(intervalId);
};
</code></pre>

blocks|key|1559104|text|我们刚刚published了一个包来解决这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1559105|npm+install+time-events-manager|code-block|syntax|javascript|1559106|这样，您就可以通过timeoutCollection对象(以及通过intervalCollection对象查看和管理javascript的时间间隔)来查看和管理它们。|style|CODE|1559107|timeoutCollection.getScheduled();+timeoutCollection.getCompleted();+timeoutCollection.getAll();|1559108|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/time-events-manager^0|4|9|0|0|0|9|H|X|I|0|0|2N|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@$A|12|B|13|K|L]|$A|14|B|15|K|L]]|9|@]|C|$]]|$1|M|3|N|5|6|7|16|8|@$A|17|B|18|K|L]]|9|@]|C|$]]|$1|O|3|-4|5|6|7|19|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

We've just <a href="https://www.npmjs.com/package/time-events-manager" rel="nofollow noreferrer">published</a> a package solving this exact issue.

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

With that, you can view and manage them via <code>timeoutCollection</code> object (and javascript's intervals via<code>intervalCollection</code> object).

<code>
timeoutCollection.getScheduled();
timeoutCollection.getCompleted();
timeoutCollection.getAll();</code>

blocks|key|1559170|text|我只是需要这样的东西，这是我放在一起的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1559171|window.setInterval+=+function+(window,+setInterval)+{
++if+(!window.timers)+{
++++window.timers+=+{};
++}
++if+(!window.timers.intervals)+{
++++window.timers.intervals+=+{};
++}
++if+(!window.timers.intervals.active)+{
++++window.timers.intervals.active+=+{};
++}
++return+function+(func,+interval)+{
++++var+id+=+setInterval(func,+interval);
++++window.timers.intervals.active[id]+=+func;
++++return+id;
++}
}(window,+window.setInterval);

window.clearInterval+=+function+(window,+clearInterval)+{
++if+(!window.timers)+{
++++window.timers+=+{};
++}
++if+(!window.timers.intervals)+{
++++window.timers.intervals+=+{};
++}
++if+(!window.timers.intervals.inactive)+{
++++window.timers.intervals.inactive+=+{};
++}
++return+function+(id)+{
++++if+(window.timers.intervals.active+&&+window.timers.intervals.active[id])+{
++++++window.timers.intervals.inactive[id]+=+window.timers.intervals.active[id];
++++++clearInterval(id);
++++++delete+window.timers.intervals.active[id];
++++}
++}
}(window,+window.clearInterval);|code-block|syntax|javascript|1559172|这将记录间隔id及其功能，并跟踪它们的状态(active/inactive)。|offset|length|style|CODE|1559173|entityMap^0|0|0|6|2|M|6|T|8|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]|$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|N|$]]

I just needed something like this and this is what I've put together:

<pre><code>window.setInterval = function (window, setInterval) {
 if (!window.timers) {
 window.timers = {};
 }
 if (!window.timers.intervals) {
 window.timers.intervals = {};
 }
 if (!window.timers.intervals.active) {
 window.timers.intervals.active = {};
 }
 return function (func, interval) {
 var id = setInterval(func, interval);
 window.timers.intervals.active[id] = func;
 return id;
 }
}(window, window.setInterval);

window.clearInterval = function (window, clearInterval) {
 if (!window.timers) {
 window.timers = {};
 }
 if (!window.timers.intervals) {
 window.timers.intervals = {};
 }
 if (!window.timers.intervals.inactive) {
 window.timers.intervals.inactive = {};
 }
 return function (id) {
 if (window.timers.intervals.active &amp;&amp; window.timers.intervals.active[id]) {
 window.timers.intervals.inactive[id] = window.timers.intervals.active[id];
 clearInterval(id);
 delete window.timers.intervals.active[id];
 }
 }
}(window, window.clearInterval);
</code></pre>

This records the interval <code>id</code>s along with their functions, and also keeps track of their status (<code>active</code>/<code>inactive</code>).

blocks|key|1559208|text|基于@Alessio's应答。下面是我的版本。具有更多的日志记录和检查功能。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1559209|下面是一些样板文件，您可以对其进行更改以利用您自己的框架：|1559210|var+s$+=+function+(s){return+new+String(s)}
var+_w=window
_w.q$+=+{
++getMachineTimeMS:+function(){
++++++var+d+=+new+Date(),+ms+=+d.getMilliseconds()
++++++var+a+=+[d.getHours(),+d.getMinutes(),+d.getSeconds(),+'-',+ms<10?'00'+%2B+s$(ms):ms<100?'0'%2Bs$(ms):ms]
++++++return+a.join('')
++}
++,getCaller:+function(opts){
++++++return+"(implement+this)"
++}
}|code-block|syntax|javascript|1559211|下面是主要代码：|1559212|_w.setTimeout+=+function+(orig_setTimeout)+{
++var+t=(_w._Timers+=+_w._Timers%7C%7C{})
++var+d=(t.Timeouts+=+t.Timeouts%7C%7C{})
++d.Active+=+d.Active%7C%7C{}
++t.z_to_id_idx+=+t.z_to_id_idx%7C%7C{}
++return+function+(h,+n)+{
++++var+t+=+_w._Timers,+d+=+t.Timeouts
++++var+id+=+orig_setTimeout(h,+n),+ts+=+q$.getMachineTimeMS()
++++var+c+=+q$.getCaller({depth:2})
++++t.z_to_id_idx[s$(id)]+=+d.Active[ts]+=+{sts:+ts,+id:+id,+h:+h,+n:+n,+scaller:+c}
++++return+id;
++}
}(_w.setTimeout);

_w.clearTimeout+=+function+(orig_clearTimeout)+{
++var+t=_w._Timers,+d+=+t.Timeouts
++d.Inactive+=+d.Inactive%7C%7C{}
++return+function+new_clearTimeout(id)+{
++++var+t+=+_w._Timers,+d+=+t.Timeouts,+sId+=+s$(id)
++++if+(!d.Active+%7C%7C+!sId+in+t.z_to_id_idx)+return
++++var+r+=+t.z_to_id_idx[sId]
++++r.ccaller+=+q$.getCaller({depth:2})
++++r.cts+=+q$.getMachineTimeMS()
++++d.Inactive[r.ts]+=+r;
++++orig_clearTimeout(r.id);
++++delete+d.Active[r.ts]
++++delete+t.z_to_id_idx[sId]
++}
}(_w.clearTimeout);

_w.setInterval+=+function+(orig_setInterval)+{
++var+t=(_w._Timers+=+_w._Timers%7C%7C{})
++var+d=(t.Intervals+=+t.Intervals%7C%7C{})
++d.Active+=+d.Active%7C%7C{}
++t.z_in_id_idx+=+t.z_in_id_idx%7C%7C{}
++return+function+(h,+n)+{
++++var+t+=+_w._Timers,+d+=+t.Intervals
++++var+id+=+orig_setInterval(h,+n),+ts+=+q$.getMachineTimeMS()
++++var+c+=+q$.getCaller({depth:2})
++++t.z_in_id_idx[s$(id)]+=+d.Active[ts]+=+{sts:+ts,+id:+id,+h:+h,+n:+n,+scaller:+c}
++++return+id;
++}
}(_w.setInterval);

_w.clearInterval+=+function+(orig_clearInterval)+{
++var+t=_w._Timers,+d+=+t.Intervals
++d.Inactive+=+d.Inactive%7C%7C{}
++return+function+new_clearInterval(id)+{
++++var+t+=+_w._Timers,+d+=+t.Intervals,+sId+=+s$(id)
++++if+(!d.Active+%7C%7C+!sId+in+t.z_in_id_idx)+return
++++var+r+=+t.z_in_id_idx[sId]
++++r.ccaller+=+q$.getCaller({depth:2})
++++r.cts+=+q$.getMachineTimeMS()
++++d.Inactive[r.ts]+=+r;
++++orig_clearInterval(r.id);
++++delete+d.Active[r.ts]
++++delete+t.z_in_id_idx[sId]
++}
}(_w.clearInterval);|1559213|使用示例：|1559214|id+=+setTimeout(()=>{console.log("CALLED")},+10000)
clearTimeout(id)
setInterval(()=>{console.log("CALLED")},+1000)

console.table(_w._Timers.Timeouts.Inactive)|1559215|console.table将在JavaScript控制台中输出一个格式良好且可检查的表|1559216|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/users/5268732/alessio-cantarella^0|2|A|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|D|3|E|5|6|7|16|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|17|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|18|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|19|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|C|$]]|$1|Q|3|R|5|H|7|1B|8|@]|9|@]|C|$I|J]]|$1|S|3|T|5|6|7|1C|8|@]|9|@]|C|$]]|$1|U|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|V|$W|$5|X|Y|Z|C|$10|11]]]]

Based on <a href="https://stackoverflow.com/users/5268732/alessio-cantarella">@Alessio's</a> answer. Below is my version. Has a bit more functionality for logging and inspection.
Here is some boilerplate that you can alter to utilize your own frameworks:
<pre><code>var s$ = function (s){return new String(s)}
var _w=window
_w.q$ = {
 getMachineTimeMS: function(){
 var d = new Date(), ms = d.getMilliseconds()
 var a = [d.getHours(), d.getMinutes(), d.getSeconds(), '-', ms&lt;10?'00' + s$(ms):ms&lt;100?'0'+s$(ms):ms]
 return a.join('')
 }
 ,getCaller: function(opts){
 return &quot;(implement this)&quot;
 }
}
</code></pre>
Here is the main code:
<pre><code>_w.setTimeout = function (orig_setTimeout) {
 var t=(_w._Timers = _w._Timers||{})
 var d=(t.Timeouts = t.Timeouts||{})
 d.Active = d.Active||{}
 t.z_to_id_idx = t.z_to_id_idx||{}
 return function (h, n) {
 var t = _w._Timers, d = t.Timeouts
 var id = orig_setTimeout(h, n), ts = q$.getMachineTimeMS()
 var c = q$.getCaller({depth:2})
 t.z_to_id_idx[s$(id)] = d.Active[ts] = {sts: ts, id: id, h: h, n: n, scaller: c}
 return id;
 }
}(_w.setTimeout);

_w.clearTimeout = function (orig_clearTimeout) {
 var t=_w._Timers, d = t.Timeouts
 d.Inactive = d.Inactive||{}
 return function new_clearTimeout(id) {
 var t = _w._Timers, d = t.Timeouts, sId = s$(id)
 if (!d.Active || !sId in t.z_to_id_idx) return
 var r = t.z_to_id_idx[sId]
 r.ccaller = q$.getCaller({depth:2})
 r.cts = q$.getMachineTimeMS()
 d.Inactive[r.ts] = r;
 orig_clearTimeout(r.id);
 delete d.Active[r.ts]
 delete t.z_to_id_idx[sId]
 }
}(_w.clearTimeout);

_w.setInterval = function (orig_setInterval) {
 var t=(_w._Timers = _w._Timers||{})
 var d=(t.Intervals = t.Intervals||{})
 d.Active = d.Active||{}
 t.z_in_id_idx = t.z_in_id_idx||{}
 return function (h, n) {
 var t = _w._Timers, d = t.Intervals
 var id = orig_setInterval(h, n), ts = q$.getMachineTimeMS()
 var c = q$.getCaller({depth:2})
 t.z_in_id_idx[s$(id)] = d.Active[ts] = {sts: ts, id: id, h: h, n: n, scaller: c}
 return id;
 }
}(_w.setInterval);

_w.clearInterval = function (orig_clearInterval) {
 var t=_w._Timers, d = t.Intervals
 d.Inactive = d.Inactive||{}
 return function new_clearInterval(id) {
 var t = _w._Timers, d = t.Intervals, sId = s$(id)
 if (!d.Active || !sId in t.z_in_id_idx) return
 var r = t.z_in_id_idx[sId]
 r.ccaller = q$.getCaller({depth:2})
 r.cts = q$.getMachineTimeMS()
 d.Inactive[r.ts] = r;
 orig_clearInterval(r.id);
 delete d.Active[r.ts]
 delete t.z_in_id_idx[sId]
 }
}(_w.clearInterval);
</code></pre>
Usage example:
<pre><code>id = setTimeout(()=&gt;{console.log(&quot;CALLED&quot;)}, 10000)
clearTimeout(id)
setInterval(()=&gt;{console.log(&quot;CALLED&quot;)}, 1000)

console.table(_w._Timers.Timeouts.Inactive)
</code></pre>
The console.table will output a nicely formatted and inspectable table in the JavaScript Console

I'm writing an application that utilizes JavaScript timeouts and intervals to update the page. Is there a way to see how many intervals are setup? I want to make sure that I'm not accidentally going to kill the browser by having hundreds of intervals setup.

Is this even an issue?

Viewing all the timeouts/intervals in javascript?

我正在编写一个应用程序，它利用JavaScript超时和时间间隔来更新页面。有没有办法查看设置了多少个间隔？我希望确保我不会因为设置了数百个时间间隔而意外终止浏览器。这是一个问题吗？

问在javascript中查看所有的超时/间隔？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在javascript中查看所有的超时/间隔？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在javascript中查看所有的超时/间隔？
EN