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

2019-11-19,,

 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暂停和继续定时器的实现方法
  • Javascript/Jquery——简单定时器的多种实现方法
  • javascript中SetInterval与setTimeout的定时器用法
  • JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
  • JS定时器使用,定时定点,固定时刻,循环执行详解
  • js定时器实现倒计时效果
  • Javascript 定时器调用传递参数的方法
  • js定时器+简单的动画效果实例
  • JS动画定时器知识总结
  • JS Canvas定时器模拟动态加载动画
  • javascript基于定时器实现进度条功能实例
  • javascript定时器的简单应用示例【控制方块移动】

《javascript定时器取消定时器及优化方法.doc》

下载本文的Word格式文档,以方便收藏与打印。