JavaScript中setInterval关闭问题

Posted mmzkyl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript中setInterval关闭问题相关的知识,希望对你有一定的参考价值。

这篇博客主要记录下学习中碰到的一些问题(以防忘记)。

javascript中,在setInterval中关闭该定时器,但是此次执行也会完成,用语言描述不太容易,直接看代码:

var i=1;
var timer=setInterval(function(){        
    if(i===10)
    {
        console.log("关闭定时器");
        clearInterval(timer);
    }
    console.log("第"+i+"次调用");
    i++;            
},1000);    

如果是执行到 clearInterval(timer) 这里直接关闭该定时器的话,那么这段代码则不会输出“第10次调用”,让我们看一下执行结果:

很明显,和预期的想法不太一样,关闭定时器之后,还是输出了“第10次调用”。

 

这表明在JavaScript中,关闭setInterval定时器是在此次调用执行完毕之后再将其关闭。

 

 

[个人新建博客](https://www.mmzkyl.cn),欢迎访问

以上是关于JavaScript中setInterval关闭问题的主要内容,如果未能解决你的问题,请参考以下文章

在javascript中 setInterval()clearInterval()clearTimeout()等等常用的函数的含义

Javascript 动画不流畅? [关闭]

19 01 12 javascript 定时器 封闭函数

JS中SetTimeOut和SetInterval方法的区别?

javascript中setInterval函数是啥意思?

此JavaScript代码中的setInterval如何工作?