JavaScript定时器

简介: JavaScript定时器

很多功能中,我没都会用到定时器,定时器也分为两种类型,一种是一次性定时器,还有一种永久性定时器

永久性定时器:setInterval(执行函数,毫秒)

永久性定时器,每隔一段时间执行一次,他是可以多次执行的,重复执行

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

一次性定时器:setTimeout(执行函数,毫秒)

一次性定时器,一定时间后执行一次,不可以多次才执行,在多久之后执行完毕

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

既然能创建定时器,当然还有删除定时器的方法

删除永久性定时器:clearInterval(永久性定时器)

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

删除一次性定时器:clearTimeout(一次性定时器)

var i = 0;
    //设置定时器(一次性定时器)
    var timeId = setTimeout(function () {
      i++;
      console.log('定时运行:' + i + '次')
    }, 500)
    //清理定时器(这个定时器虽然只有一次,但是也得清理 既可以释放内存,也可以便于后边代码的判断。)
    my$('btn').onclick = function () {
      window.clearTimeout(timeId)
    }

今天的就到这里啦,希望对大家有用处,谢谢大家的观看!

相关文章
|
7月前
|
前端开发 JavaScript
前端基础 - JavaScript定时器
前端基础 - JavaScript定时器
40 0
|
3天前
|
JavaScript 前端开发
【JavaScript】计时器
【JavaScript】计时器
9 0
|
3天前
|
JavaScript 前端开发
JavaScript 定时器
JavaScript 定时器
|
5月前
|
JavaScript 前端开发
javaScript_04 定时器
javaScript_04 定时器
|
7月前
|
JavaScript 前端开发
JavaScript常用的定时器
JavaScript常用的定时器
35 0
|
11月前
|
前端开发 JavaScript 调度
JavaScript 中延时器和定时器
JavaScript 中延时器和定时器是非常常用的两个工具,它们提供了调度代码执行的机制,帮助我们实现更加智能的前端交互效果。 1. 延时器(setTimeout) `setTimeout()` 方法用于在指定的时间后执行一段代码。它接受两个参数:第一个参数指定要执行的代码,第二个参数指定何时执行该代码(单位是毫秒)。 示例代码: ``` console.log('start'); setTimeout(() => { console.log('延时器回调执行'); }, 3000); console.log('end'); ``` 在上面的代码中,首先打印 `start`,之
278 0
|
12月前
|
前端开发 JavaScript API
|
JavaScript 前端开发
Javascript中定时器的使用方法
Javascript中定时器的使用方法
|
JavaScript 前端开发
|
JavaScript 前端开发
Javascript 计时器
Javascript 计时器
142 0
Javascript 计时器