本文主要是介绍clearInterval只终止定时器不终止函数,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
如下代码
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);
这篇关于clearInterval只终止定时器不终止函数的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!