javascript定时器，取消定时器，及js定时器优化方法

最新推荐文章于 2025-09-16 17:15:31 发布

原创最新推荐文章于 2025-09-16 17:15:31 发布 · 10w+ 阅读

CC 4.0 BY-SA版权

文章标签：

31 篇文章

订阅专栏

本文探讨了在JavaScript中使用setInterval存在的回调堆积问题，并提出了使用setTimeout结合递归来实现定时任务执行的优化方案，以避免回调堆积，提高程序运行效率。

通常用的方法：

启动定时器：

window.setInterval(Method,Time)

Method是定时调用的js方法

Time是间隔时间，单位是毫秒

取消定时器：

clearInterval(Method);

那么问题来了。用 clearInterval(timerid);来清除，往往不能马上停止，用什么方法比较好解决？

优化方案如下

var timeout = false; //启动及关闭按钮
function time()
{
  if(timeout) return;
  Method();
  setTimeout(time,100); //time是指本身,延时递归调用自己,100为间隔调用时间,单位毫秒
}

总结
一般不用setInterval，而用setTimeout的延时递归来代替interval。
setInterval会产生回调堆积，特别是时间很短的时候。