html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

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

[ ] 已经帮助:人解决问题

通常用的方法:y6rHTML5中文学习网 - HTML5先行者学习网
启动定时器:y6rHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
y6rHTML5中文学习网 - HTML5先行者学习网
window.setInterval(Method,Time)    y6rHTML5中文学习网 - HTML5先行者学习网
y6rHTML5中文学习网 - HTML5先行者学习网

Method是定时调用的js方法y6rHTML5中文学习网 - HTML5先行者学习网

Time是间隔时间,单位是毫秒y6rHTML5中文学习网 - HTML5先行者学习网
取消定时器:y6rHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
y6rHTML5中文学习网 - HTML5先行者学习网
clearInterval(Method);  y6rHTML5中文学习网 - HTML5先行者学习网
y6rHTML5中文学习网 - HTML5先行者学习网

那么问题来了。用 clearInterval(timerid);来清除,往往不能马上停止,用什么方法比较好解决?y6rHTML5中文学习网 - HTML5先行者学习网
优化方案如下y6rHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
y6rHTML5中文学习网 - HTML5先行者学习网
var timeout = false; //启动及关闭按钮  y6rHTML5中文学习网 - HTML5先行者学习网
function time()  y6rHTML5中文学习网 - HTML5先行者学习网
y6rHTML5中文学习网 - HTML5先行者学习网
  if(timeout) return;  y6rHTML5中文学习网 - HTML5先行者学习网
  Method();  y6rHTML5中文学习网 - HTML5先行者学习网
  setTimeout(time,100); //time是指本身,延时递归调用自己,100为间隔调用时间,单位毫秒  y6rHTML5中文学习网 - HTML5先行者学习网
y6rHTML5中文学习网 - HTML5先行者学习网
y6rHTML5中文学习网 - HTML5先行者学习网

总结y6rHTML5中文学习网 - HTML5先行者学习网

一般不用setInterval,而用setTimeout的延时递归来代替interval。y6rHTML5中文学习网 - HTML5先行者学习网
setInterval会产生回调堆积,特别是时间很短的时候。 y6rHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助