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

简介: 1.首先介绍定时器  定时器:设置一个定时器,再设置一个等待的时间,到达指定时间后,执行对应的操作  两种定时器:用法一样,区别一个执行后不会停下来,一个只执行一次     第一种:window.setInterval([function],[interval]);      /*设置一个定时器,...
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

 

相关文章
|
3月前
|
JavaScript
JS定时器
JS定时器
23 0
|
3月前
|
前端开发 JavaScript
使用 JavaScript 创建一个兔年春节倒数计时器
使用 JavaScript 创建一个兔年春节倒数计时器
35 0
使用 JavaScript 创建一个兔年春节倒数计时器
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
JS实现定时器
JS实现定时器
44 0
|
4月前
|
JavaScript 前端开发 Java
JavaScript对象及定时器案例
JavaScript对象及定时器案例
44 0
|
7月前
|
JavaScript
js节点、属性操作,计时器,location、history对象,常见键盘事件
js节点、属性操作,计时器,location、history对象,常见键盘事件
|
7月前
|
JavaScript 前端开发
js 定时器
js 定时器
45 0
|
6月前
|
前端开发 JavaScript
前端基础 - JavaScript定时器
前端基础 - JavaScript定时器
36 0
|
7天前
|
JavaScript 前端开发
JavaScript 定时器
JavaScript 定时器
|
1月前
|
JavaScript 前端开发
JS定时器与延时器
JS定时器与延时器
|
3月前
|
JavaScript 前端开发
JS实现可以控制的定时器,setInterval,clearInterval
JS实现可以控制的定时器,setInterval,clearInterval
20 0