clearInterval只终止定时器不终止函数

最新推荐文章于 2024-07-04 09:59:23 发布

萤火虫塔莉

最新推荐文章于 2024-07-04 09:59:23 发布

阅读量6k

点赞数

分类专栏： JavaScript 文章标签：定时器 return

本文为博主原创文章，未经允许禁止转载

本文链接：https://blog.youkuaiyun.com/sinat_27088253/article/details/52005013

版权

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

如下代码

this.timer=setInterval(function(){
            if(index==listArray.length){
                listArray[listArray.length-1].style.backgroundColor='#fff';         
                clearInterval(dftBtn.timer);
            }
            render(listArray,index++);
        },1000);

此时浏览器报错，

Uncaught TypeError: Cannot read property ‘style’ of undefined

说明会导致栈溢出，因为会访问到listArray[listArray.length],那么导致这个问题出现的原因不难分析：确实clearInterval终止了this.timer这个定时器，但是并没有终止函数，所以此次函数还是要执行完，即会接着执行一次render(listArray,index++);函数，若要解决这个问题也简单，紧跟着clearInterval之后return一下就好了。
如下：

this.timer=setInterval(function(){
            if(index==listArray.length){
                listArray[listArray.length-1].style.backgroundColor='#fff';         
                clearInterval(dftBtn.timer);
                ***return;***
            }
            render(listArray,index++);
        },1000);