返回

js:定时器setInterval、clearInterval的使用

发布时间:2023-02-09 17:03:32 210

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

文档

  • https://developer.mozilla.org/zh-CN/docs/Web/API/setInterval

常用的语法

// 设置定时器
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
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(0)
按点赞数排序
用户头像
精选文章
thumb 中国研究员首次曝光美国国安局顶级后门—“方程式组织”
thumb 俄乌线上战争,网络攻击弥漫着数字硝烟
thumb 从网络安全角度了解俄罗斯入侵乌克兰的相关事件时间线
下一篇
CSS系列学习笔记(三) 2023-02-09 16:49:52