码迷,mamicode.com
首页 > 其他好文 > 详细

动态改变setInterval的时间间隔

时间:2014-07-14 15:25:31      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   java   color   使用   

这段时间做抽奖的转盘,需要实现抽奖转速由慢变快的效果。这就需要在setInterval运行时动态缩短时间间隔来实现。在实际操作中我发现无法改变一个timer的时间间隔,而需要反复的运行,清除,再运行,再清除(定时器)。使用函数表达式和递归实现:

var counter = 10;
var myFunction = function(){
    clearInterval(interval);
    counter *= 10;
    interval = setInterval(myFunction, counter);
}
var interval = setInterval(myFunction, counter);

由于在运行时,setInterval立马被清除,实际可用setTimeout代替。

 关于javascript timer运作原理的一片how javascript timer works

动态改变setInterval的时间间隔,布布扣,bubuko.com

动态改变setInterval的时间间隔

标签:style   blog   http   java   color   使用   

原文地址:http://www.cnblogs.com/zhangyuping/p/3841706.html

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