计时器

最新推荐文章于 2024-12-15 17:40:09 发布

原创最新推荐文章于 2024-12-15 17:40:09 发布 · 242 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 专栏收录该内容

13 篇文章

订阅专栏

本文探讨了setInterval()函数在JavaScript中实现无限循环执行的机制，以及如何正确使用clearInterval()来避免页面性能下降。通过实例展示了计时器的创建、执行与清除过程中的常见问题及解决方案。

计时器

    setInterval() 每隔多少秒执行一次 回调函数 无限循环的执行
    出口：
    var x = 0;
    var timer = setInterval(function () {
            x++;
            console.log(x)
           if(x>3){
               clearInterval(timer);
           }
    清空计时器，如果不清空，导致页面性能下降

for (var i = 0; i < 3; i++) {
var x = 0;
var timer = setInterval(function () {
console.log(‘2222’)
//在这里清空不知道清空的是哪一个timer
}, 500)
console.log(timer,’---------’;
clearInterval(timer) //setInterval 执行3次
}

清空的是最后一次的计时器

        --->如何解决失效问题？ 慢点
        
        坑3 清最后一个timer 清了3次
        setTimeout(function(){
            console.l
            clearInterval(timer)
        },501)

        ---->目的：需要知道 分别保存timer 的值？1.2.3
        外面包裹一个立即执行函数