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>	

[Roger006]

首先每秒都执行一次，使用 setTimeout 和 setInterval 用累加值都不准确 [代码写的时间间隔并不能直接等于实际代码执行间隔时间] ，建议保留原始时间，每次执行方法获取当前时间，然后做减法获取剩余时间。前边#15 #18 已经说明过了

[justsosososo]

个人见解，不对勿喷，我感觉问题应该出现在那个 function，因为函数声明每次都会在堆内存中开辟一块空间，你这样一直循环目测会一直增加, lz 可以试着 把函数定义在外面，然后试试，

[TKI]

#3 说的有点道理，楼主最后是通过 递归 setTimeout 解决的吗？