JS两种计时器/定时器

Posted 2020-08-07 Angel挤一挤

1.首先介绍定时器
　　定时器：设置一个定时器，再设置一个等待的时间，到达指定时间后，执行对应的操作
　　两种定时器：用法一样,区别一个执行后不会停下来，一个只执行一次

　　　　第一种：window.setInterval([function],[interval]);
　　　　　　/*设置一个定时器，到达指定时间[interval] 执行我们的操作[function],然后定时器并没有停止，以后每隔这么长时间，都重新执行我们的function*/

　　　　第二种：window.setTimeout([function],[interval]);
　　　　　　/*设置一个定时器，到达指定的时间[interval],执行我们的操作[function]，定时器停止。就是定时炸弹！*/

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

1 来看一个例子
2 var count=0;
3 //设置一个interval,每隔1000毫秒就执行function
4 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