1. 云栖社区>
  2. >
  3. 正文

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

作者:用户 来源:互联网 时间:2016-07-03 09:24:07

javascript定时器取消定时器

JavaScript定时器和优化的取消定时器方法_javascript技巧 - 摘要: 本文讲的是JavaScript定时器和优化的取消定时器方法_javascript技巧, 通常用的方法: 启动定时器: 复制代码 代码如下: window.setInterval(Method,Time)    Method是定时调用的js方法 Time是间隔时间,单位是毫秒 取消定时器: 复制代码 代码如下:

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

复制代码 代码如下:

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

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript , 定时器 取消定时器 javascript 定时器、javascript定时器函数、javascript清除定时器、javascript关闭定时器、javascript设置定时器,以便于您获取更多的相关知识。