setInterval设置停止和循环

Posted 2020-10-12 左正

原文链接：http://caibaojian.com/setinterval-times.html

需要知道已经经过了多少次或者说过多久就会停止

var timesRun = 0;
var interval = setInterval(function(){
timesRun += 1;
if(timesRun === 60){
clearInterval(interval);
}
//do whatever here..
}, 2000);

//code from http://caibaojian.com/setinterval-times.html
var startTime = new Date().getTime();
var interval = setInterval(function(){
if(new Date().getTime() - startTime > 60000){
clearInterval(interval);
return;
}
//do whatever here..
}, 2000);

发现有一些人搜索setInterval停止的问题进来这篇文章，借此机会说一下，setInterval是如何循环和如何停止的。·

如上面的例子所示：

使用一个变量 var timer = setInterval(fun,2000);

将setInterval赋值给一个变量，要停止的时候，只需要使用clearInterval(timer);即可停止上面的这个每个两秒循环执行fun的这个函数了。