JavaScript 定时器

简介: JavaScript 定时器

1.首先计时器主要有两种;

  1. setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
  2. setTimeout() :在指定的毫秒数后调用函数或计算表达式。

2.怎样用?

// 每隔一秒在控制台打印输出,循环执行
setInterval(function(){
console.log('永久性定时器');
},1000)
// 三秒后在控制台打印输出,只执行一次
setTimeout(function(){
console.log('一次性定时器');
},3000)

上面是两种计时器;下面我们来了解一下该怎样清除定时器;

let i = 0;
let inter = setInterval(function(){
i++;
if(i == 5){
clearInterval(inter);
console.log('终止定时器');
}else{
console.log(i);
}
},1000)

记住一点一秒等于1000毫秒,大家在设置时间时一定要仔细!

2.定时器的主要用途;

延迟函数的执行 定时器函数是高阶函数,可用于延迟或重复其他函数的执行(它们作为第一个参数)。


相关文章
|
15天前
|
JavaScript
JS定时器
JS定时器
29 0
|
15天前
|
JavaScript 前端开发 数据安全/隐私保护
JS实现定时器
JS实现定时器
47 0
|
15天前
|
JavaScript 前端开发 Java
JavaScript对象及定时器案例
JavaScript对象及定时器案例
48 0
|
8月前
|
JavaScript 前端开发
js 定时器
js 定时器
45 0
|
7月前
|
前端开发 JavaScript
前端基础 - JavaScript定时器
前端基础 - JavaScript定时器
40 0
|
15天前
|
JavaScript 前端开发
JavaScript如何设置定时器,怎么清除定时器
JavaScript如何设置定时器,怎么清除定时器
24 3
|
15天前
|
JavaScript 前端开发
JS定时器与延时器
JS定时器与延时器
|
15天前
|
JavaScript 前端开发
JS实现可以控制的定时器,setInterval,clearInterval
JS实现可以控制的定时器,setInterval,clearInterval
24 0
|
15天前
|
前端开发 JavaScript 程序员
(前端面试题)详解 JS 的 setTimeout 和 setInterval 两大定时器
(前端面试题)详解 JS 的 setTimeout 和 setInterval 两大定时器
|
5月前
|
JavaScript 前端开发
javaScript_04 定时器
javaScript_04 定时器