setInterval设置停止和循环

标签：, 23092View

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

var timesRun = 0;
var interval = setInterval(function(){
timesRun += 1;
if(timesRun === 60){
clearInterval(interval);
}
//do whatever here..
}, 2000);
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的这个函数了。

推荐阅读：

  1. 关于setInterval()你所不知道的地方
  2. setInterval()、clearInterval()、setTimeout()和clearTimeout()js计数器方法
  3. 关于setTimeout()你所不知道的地方
  4. javascript天数倒计时和本地时间（使用setInterval的例子）

关注我

我的微信公众号：前端开发博客，在后台回复以下关键字可以获取资源。

  • 回复「小抄」，领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源，含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识，加我微信:caibaojian89 交流