`
wsql
  • 浏览: 11812604 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

写计时器,你知道用setTimeOut还是setInterval吗?

 
阅读更多

   网上有很多关于setTimeOut和setInterval的资料,查查就会明白。如果有幸你进了这里,就简单看下面几句话吧。

   最基本的setTimeOut是在一个时间间隔后执行一个任务。

setInterval是在某个时间间隔不断的执行某个任务。

   也就是setTimeOut只执行一次,setInterval循环执行。

   如果在setTimeOut要执行的任务里再次调用setTimeOut,岂不是跟setInterval实现一样的效果了?其实不然!

   看如下代码:

funtion run1(){

//操作

    setTimeOut(run1,1000);

}

setTimeOut(run1,1000);

  再看setInterval的:

  function run2{

//操作

}

setInterval(run2,1000);

看似这两种写法实现的效果一样,其实大不相同。这就体现在setTimeOut和setInterval最重要的不同上了。

  setTimeOut在执行其所要调用的方法时除了计算参数时间(时间间隔)还要等待方法执行时间。

  setInterval在执行其所要调用的方法时严格按照参数时间(时间间隔)执行,不会等待方法执行时间,如果执行方法的时间超过了参数时间(时间间隔),则setInverval将取消下次执行,进行下下次的方法调用。

看如下代码:

funtion run1(){

//操作

//延时200毫秒

    setTimeOut(run1,1000);//2

}

setTimeOut(run1,1000);//1

以上1执行完后1000毫秒后执行run1假设操作共耗200毫秒,然后执行2,再次等待1000毫秒执行run1.可以看出间隔时间变成了1200毫秒。

  再看setInterval的:

  function run2{

//操作

//延时200毫秒

}

setInterval(run2,1000);

首先执行setInterval,1000毫秒后执行run2,操作200毫秒,然后setInterval只会再等待800毫秒就会执行run2.因此setInvetval会严格按照1000的间隔进行run2的执行。

如果是下面这种情况:

   function run3{

//操作

//延时1200毫秒

}

setInterval(run2,1000);

  首先执行setInterval,1000毫秒后执行run2,操作1200毫秒,这里在run3用了1000毫秒时setInterval不会执行run3,等run3执行完毕1200毫秒后,setInterval依然不会马上执行run3,而是会等待800毫秒才执行run3,因为run3执行时间超过了参数时间(时间间隔),setInterval将过跳过此次调用。因此,setInverval会严格按照时间间隔执行调用方法,如果被调用的方法执行时间超过了时间间隔,setInterval将忽略当次执行。

   至此,我想,计时程序用setTimeOut还是setInterval一定很明确了吧。Of Course,It is "setInterval"~~~~~~

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics