JavaScript

超轻量级php框架startmvc

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

更新时间:2020-05-23 03:00:01 作者:startmvc
 javascript定时器取消定时器及js定时器优化方法通常用的方法:启动定时器:window.setInter

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

通常用的方法:

启动定时器:


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定时器取消定时器及js定时器优化方法 js定时器