setTimeout()与setInterval()方法区别介绍

  计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别。

  setTimeout():

  在js手册中的解释:用于在指定的毫秒数后调用函数或计算表达式;

  也就是说在执行完设定好的秒数后再执行。

  实验代码(改变body背景颜色):

  

复制代码 代码如下:

  setTimeout(function(){

  $("body").css("background","red");

  },5000);

  setInterval():

  在js手册中的解释: 按照指定的周期(以毫秒计)来调用函数或计算表达式. 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭;

  在你设定好的秒数里执行你自己效果代码或函数。

  实验代码(数秒实验):

  

复制代码 代码如下:

  <div class="clock"></div>

  <script>

  var num = 0;

  setInterval(function(){$(".clock").html(num++)},1000);

  </script>

  总结:

  setTimeout()方法是在等待指定时间后执行函数, 且只执行一次传入的句柄函数.

  setInterval()方法是每指定间隔时间后执行一次传入的句柄函数,循环执行直至关闭窗口或clearInterval().