码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2016-08-01 17:30:51      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:

通常用的方法:

启动定时器:

 

[javascript] view plain copy
 
 技术分享技术分享
  1. window.setInterval(Method,Time)    

 

 

Method是定时调用的js方法

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

取消定时器:

 

[javascript] view plain copy
 
 技术分享技术分享
  1. clearInterval(Method);  



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

 

优化方案如下

 

[javascript] view plain copy
 
 技术分享技术分享
  1. var timeout = false; //启动及关闭按钮  
  2. function time()  
  3. {  
  4.   if(timeout) return;  
  5.   Method();  
  6.   setTimeout(time,100); //time是指本身,延时递归调用自己,100为间隔调用时间,单位毫秒  
  7. }  

 

 

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

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

标签:

原文地址:http://www.cnblogs.com/yelanggu/p/5726127.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!