js:定时器setInterval、clearInterval的使用

简介: js:定时器setInterval、clearInterval的使用

定时器:可以在固定时间间隔,重复调用一个函数

文档

常用的语法

// 设置定时器
var intervalID = setInterval(function[, delay]);
// 清除定时器
clearInterval(intervalID)

为了避免this指向问题,一般使用箭头函数

// 总的执行5次
let total = 5;
// 每5秒执行一次
let delay = 1000 * 5;
// 执行计数
let count = 0;
function task() {
    count++;
    console.log(new Date().toLocaleString());
    // 执行5次后清除定时器
    if (count >= total) {
      clearInterval(intervalID);
    }
}
// 每5秒执行一次
let intervalID = setInterval(() => {
    task();
}, delay);

输出结果

2023/2/3 17:00:29
2023/2/3 17:00:34
2023/2/3 17:00:39
2023/2/3 17:00:44
2023/2/3 17:00:49


相关文章
|
1月前
|
JavaScript 前端开发
js之一次性定时器
js之一次性定时器
10 1
|
1月前
|
JavaScript 前端开发
js之永久定时器
js之永久定时器
12 1
|
3月前
|
JavaScript 前端开发
解决在JS中阻止定时器“重复”开启问题、Vue中定时器的使用
这篇文章讨论了在JavaScript和Vue中如何避免定时器重复开启的问题,并提供了一个模拟场景和代码示例,演示了在开启新定时器前清除旧定时器的方法。
解决在JS中阻止定时器“重复”开启问题、Vue中定时器的使用
|
3月前
|
JavaScript 前端开发
js之永久定时器
js之永久定时器
|
3月前
|
JavaScript 前端开发
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
95 2
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
118 4
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
81 4
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
72 4
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
92 4