【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

 

相关文章
|
5月前
|
JavaScript 前端开发 安全
JavaScript基础-定时器:setTimeout, setInterval
【6月更文挑战第13天】JavaScript中的`setTimeout`和`setInterval`是异步编程的关键工具,用于按计划执行代码。`setTimeout`在延迟后执行一次,而`setInterval`则周期性执行。常见问题包括忘记清除定时器导致内存泄漏,递归使用`setTimeout`可能引发无限递归,以及字符串代码执行的安全隐患。解决方法包括使用`clearTimeout`和`clearInterval`,设置递归终止条件,以及优先使用函数表达式。理解定时器的非精确性并采用错误处理策略也是实践中的重要技巧。通过示例展示了如何延迟显示消息和周期性打印计数。
89 2
|
1月前
|
JavaScript 前端开发
js之一次性定时器
js之一次性定时器
11 1
|
1月前
|
JavaScript 前端开发
js之永久定时器
js之永久定时器
15 1
|
3月前
|
JavaScript 前端开发
解决在JS中阻止定时器“重复”开启问题、Vue中定时器的使用
这篇文章讨论了在JavaScript和Vue中如何避免定时器重复开启的问题,并提供了一个模拟场景和代码示例,演示了在开启新定时器前清除旧定时器的方法。
解决在JS中阻止定时器“重复”开启问题、Vue中定时器的使用
|
3月前
|
JavaScript 前端开发
js之永久定时器
js之永久定时器
|
3月前
|
JavaScript 前端开发
|
3月前
|
Web App开发 JavaScript 前端开发
JavaScript——定时器为什么是不精确的
JavaScript——定时器为什么是不精确的
66 0
|
3月前
|
JavaScript 前端开发
js之永久定时器
js之永久定时器
32 0
|
3月前
|
JavaScript 前端开发
js之一次性定时器
js之一次性定时器
30 0
|
4月前
|
JavaScript 前端开发
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
93 1