写计时器,你知道用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"~~~~~~

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值