首页 > 语言 > JavaScript > 正文

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

2024-05-06 16:22:39
字体:
来源:转载
供稿:网友
这篇文章主要介绍了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会产生回调堆积,特别是时间很短的时候。 


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选