定时器:可以在固定时间间隔,重复调用一个函数
文档
- https://developer.mozilla.org/zh-CN/docs/Web/API/setInterval
常用的语法
// 设置定时器
var intervalID = setInterval(function[, delay]);
// 清除定时器
clearInterval(intervalID)
为了避免this指向问题,一般使用箭头函数文章来源:https://www.toymoban.com/news/detail-763230.html
// 总的执行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);
输出结果文章来源地址https://www.toymoban.com/news/detail-763230.html
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
到了这里,关于js:定时器setInterval、clearInterval的使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!