JS两种计时器/定时器

Posted Angel挤一挤

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS两种计时器/定时器相关的知识,希望对你有一定的参考价值。

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

 

以上是关于JS两种计时器/定时器的主要内容,如果未能解决你的问题,请参考以下文章

Js 定时器

关于js中两种定时器的设置及清除

智能社Js笔记——定时器的使用

JS定时器

如果不浏览页面js定时器还会执行么?

js中如何移除定时器