setInterval 长时间循环之后，会导致浏览器标签页卡死，须要怎么避免呢？

[lisisi]

在页面上写了一个定时器，每秒运行一次，24 小时后销毁。结果发现超过 24 小时，这个页面大概率就卡死了，必须要重新打开浏览器才能使用。

检查了几个方面： 1 、内存没有溢出。 2 、服务器正常，换个浏览器都能正常打开这个页面。 看起来，只是浏览器（ Chrome 、新 Edge 都有这个情况）当前进程或线程卡死了，关闭再打开浏览器就可以正常访问。

<p>显示运行次数：</p>
<p id="demo"></p>	
	
<script type="text/javascript">
    var timesRun = 0;
    var myVar = setInterval(function(){
        timesRun += 1;
        if(timesRun === 86400){
            clearInterval(myVar);
        }
	document.getElementById("demo").innerHTML=timesRun;    
    }, 1000);
</script>	

[learningman]

一个页面要开 24h 换 node.js 吧。。。。

[lisisi]

@learningman 服务器没卡死（换个浏览器正常打开），是页面卡死，换 node.js 能解决吗？

[usw]

setInterval 在标签页非激活状态下会暂停并且存在积压问题，需要长时间的稳定可以试一下 setTimeout 嵌套，或者 requestAnimationFrame 嵌套

[wxsm]

#3 说得对。

另：#1 这种估计只看了标题。

[des]

@wxsm
#1 很实在的建议啊，也不是无关的回答
再者说了，一个页面长时间不激活，也会被直接暂停，edge 就是这个逻辑

[lisisi]

@des Edge 麻烦的地方在于，从被休眠的暂停状态中，恢复的时候，这个卡死的页面手动刷新也活不过来，必须关闭 Edge 再打开，感觉是 Edge 整个进程或线程卡死了

[otakustay]

#3 已经说了，setInterval 积压导致恢复的时候有 N 多个 callback 连续执行所以卡住了，用 setTimeout 嵌套就行

[PeakFish]

换 settimeout

[wxsm]

@des 请问页面开 24h 跟用不用 node.js 有啥关系

[lisisi]

@usw
@otakustay
@PeakFish

谢谢，换 setTimeout 试试

[love]

确定是 setInterval 会积压？感觉不合逻辑啊？ setInterval 有保证调用次数的说明吗？哪怕暂停，哪怕间隔不准也要保证次数？

按正常想法，在后台暂停时不会再记下错过的次数在重新得到焦点时一次性把错过的次数调用完（这个其实很好验证

[thulof]

setInterval 卡死这个问题有确定的触发条件吗？是否可以通过定期取消重新设置的方式来实现呢？

[babyfaction]

@love 会积压， 测试一下就知道了；

[autoxbc]

就像不应该用 eval 一样，应该完全弃用 setInterval

[ccraohng]

建议不要用 count 计数，实时获取当前时间，requestAnimationFrame setTimeout 都不能保证前后调用时间间隔

[whywhywhy]

@autoxbc 请问这是什么原因要完全弃用呢

[zhuweiyou]

改成 setTimeout

[zhuweiyou]

另外不要用 count++, 改成进来获取一下时间, 然后每次 loop 获取一下时间 做减法

[peterjose]

我记得页面切出去的时候 浏览器会自动把 setinterval 降低到 1s 执行一次 然后就堆积了

[ch2]

防抖动、rate-limit 了解一下