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

时间:2023-03-08 19:21:08
【JS】两种计时器/定时器
1.首先介绍定时器
  定时器:设置一个定时器,再设置一个等待的时间,到达指定时间后,执行对应的操作
  两种定时器:用法一样,区别一个执行后不会停下来,一个只执行一次
    第一种:window.setInterval([function],[interval]);
      /*设置一个定时器,到达指定时间[interval] 执行我们的操作[function],然后定时器并没有停止,以后每隔这么长时间,都重新执行我们的function*/
    第二种:window.setTimeout([function],[interval]);
      /*设置一个定时器,到达指定的时间[interval],执行我们的操作[function],定时器停止。就是定时炸弹!*/   定时器队列:定时器都有返回值,返回的是一个数字,代表当前是第几个定时器。
 来看一个例子
var count=0;
//设置一个interval,每隔1000毫秒就执行function
var timer=window.setInterval(function(){
count++;
console.log(count);
},1000);

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

 //计时器
var timer=window.setInterval(function(){
$(".timeSet").text("");
$(".timeSet").text(new Date().toLocaleString());
},1000);