如何在一个页面使多个setInterval函数正常运行

最新推荐文章于 2019-10-24 17:55:32 发布

转载最新推荐文章于 2019-10-24 17:55:32 发布 · 443 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/nmgxl-home/p/5742615.html

本文介绍了一种使用全局变量管理定时器的方法，通过在页面加载时检查并清除已存在的定时器来避免冲突。此方法适用于需要周期性触发特定任务的场景。

var firstInterval;
var secondInterval;

function firstAlert(){
  if(firstInterval) clearInterval(firstInterval);
<span style="white-space:pre">	</span>//处理所有
<span style="white-space:pre">	</span>.........
<span style="white-space:pre">	</span>firstInterval = setInterval('firstAlert()', 1000*2);
}


function secondAlert(){
  if(secondInterval) clearInterval(secondInterval);
<span style="white-space:pre">	</span>//处理所有
<span style="white-space:pre">	</span>.......


secondInterval = setInterval('secondAlert()', 1000*3);
  }




代码是贴别人的，原理就是声明全局变量用来承载定时器，并且在页面入口处

if(xxx) clearInterval(xxx);清除已存在的定时器，避免出现混乱

转载于:https://www.cnblogs.com/nmgxl-home/p/5742615.html