首页 > 代码库 > 【JS】两种计时器/定时器

【JS】两种计时器/定时器

1.首先介绍定时器
  定时器:设置一个定时器,再设置一个等待的时间,到达指定时间后,执行对应的操作
  两种定时器:用法一样,区别一个执行后不会停下来,一个只执行一次
    第一种:window.setInterval([function],[interval]);
      /*设置一个定时器,到达指定时间[interval] 执行我们的操作[function],然后定时器并没有停止,以后每隔这么长时间,都重新执行我们的function*/
    第二种:window.setTimeout([function],[interval]);
      /*设置一个定时器,到达指定的时间[interval],执行我们的操作[function],定时器停止。就是定时炸弹!*/

  定时器队列:定时器都有返回值,返回的是一个数字,代表当前是第几个定时器。

技术分享
1 来看一个例子2 var count=0;3 //设置一个interval,每隔1000毫秒就执行function4 var timer=window.setInterval(function(){5     count++;6     console.log(count);7 },1000);
View Code

2.第一种定时器的例子,在页面上做一个时间表:

技术分享
1 //计时器2     var timer=window.setInterval(function(){3         $(".timeSet").text("");4         $(".timeSet").text(new Date().toLocaleString());5     },1000);6     
View Code

 

【JS】两种计时器/定时器