javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > JavaScript定时器和取消定时器

JavaScript定时器和优化的取消定时器方法

投稿：junjie

这篇文章主要介绍了JavaScript定时器和优化的取消定时器方法,本文着重讲解一个优化的取消定时器的方法,需要的朋友可以参考下

通常用的方法：
启动定时器：

复制代码 代码如下:

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会产生回调堆积，特别是时间很短的时候。 

您可能感兴趣的文章:
阅读全文