V2EX = way to explore V2EX 是一个关于分享和探索的地方
Sign Up Now For Existing Member Sign In
推荐关注 Meteor JSLint - a Javascript code quality tool jsFiddle D3.js WebStorm 推荐书目 Javascript 权威指南第 5 版
Closure: The Definitive Guide
Closure: The Definitive Guide 
This topic created in 1870 days ago, the information mentioned may be changed or developed.
在页面上写了一个定时器，每秒运行一次，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>  | 1 learningman Mar 13, 2021 一个页面要开 24h 换 node.js 吧。。。。 |
 | 2 lisisi OP @learningman 服务器没卡死（换个浏览器正常打开），是页面卡死，换 node.js 能解决吗？ |
 | 3 usw Mar 13, 2021  4 setInterval 在标签页非激活状态下会暂停并且存在积压问题，需要长时间的稳定可以试一下 setTimeout 嵌套，或者 requestAnimationFrame 嵌套 |
 | 4 wxsm Mar 13, 2021 1 #3 说得对。 另：#1 这种估计只看了标题。 |
|
 | 7 otakustay Mar 13, 2021 #3 已经说了，setInterval 积压导致恢复的时候有 N 多个 callback 连续执行所以卡住了，用 setTimeout 嵌套就行 |
 | 8 PeakFish Mar 13, 2021 via iPhone 换 settimeout |
 | 11 love Mar 13, 2021 确定是 setInterval 会积压？感觉不合逻辑啊？ setInterval 有保证调用次数的说明吗？哪怕暂停，哪怕间隔不准也要保证次数？ 按正常想法，在后台暂停时不会再记下错过的次数在重新得到焦点时一次性把错过的次数调用完（这个其实很好验证 |
 | 12 thulof Mar 13, 2021 setInterval 卡死这个问题有确定的触发条件吗？是否可以通过定期取消重新设置的方式来实现呢？ |
 | 13 babyfaction Mar 14, 2021 @love 会积压， 测试一下就知道了； |
 | 14 autoxbc Mar 14, 2021 就像不应该用 eval 一样，应该完全弃用 setInterval |
 | 15 ccraohng Mar 14, 2021 via iPhone 建议不要用 count 计数，实时获取当前时间，requestAnimationFrame setTimeout 都不能保证前后调用时间间隔 |
 | 17 zhuweiyou Mar 14, 2021 改成 setTimeout |
| 18 zhuweiyou Mar 14, 2021 另外不要用 count++, 改成进来获取一下时间, 然后每次 loop 获取一下时间 做减法 |
 | 19 peterjose Mar 14, 2021 我记得页面切出去的时候 浏览器会自动把 setinterval 降低到 1s 执行一次 然后就堆积了 |
 | 20 ch2 Mar 15, 2021 防抖动、rate-limit 了解一下 |
 | 21 Roger006 Mar 16, 2021 首先每秒都执行一次，使用 setTimeout 和 setInterval 用累加值都不准确 [代码写的时间间隔并不能直接等于实际代码执行间隔时间] ，建议保留原始时间，每次执行方法获取当前时间，然后做减法获取剩余时间。前边#15 #18 已经说明过了 |
 | 22 justsosososo Mar 18, 2021 个人见解，不对勿喷，我感觉问题应该出现在那个 function，因为函数声明每次都会在堆内存中开辟一块空间，你这样一直循环目测会一直增加, lz 可以试着 把函数定义在外面，然后试试， |
 | 23 TKI Mar 22, 2022 #3 说的有点道理，楼主最后是通过 递归 setTimeout 解决的吗？ |
Select Language