JS中的计时功能怎么实现-开发者知识库平台

JS中的计时功能怎么实现

528

2023/9/5 20:12:59

栏目: 编程语言

在JavaScript中，可以使用setTimeout()和setInterval()两个函数来实现计时功能。

使用setTimeout()函数实现延时执行的计时功能：

let count = 0;
function timer() {
count++;
console.log(count);
setTimeout(timer, 1000); // 1秒后再次调用timer函数
}
timer(); // 开始计时

上述代码中，timer()函数会在每次调用时递增count变量并输出它的值，然后使用setTimeout()函数在1秒后再次调用timer()函数，从而实现了计时器的功能。

使用setInterval()函数实现定时执行的计时功能：

let count = 0;
function timer() {
count++;
console.log(count);
}
let interval = setInterval(timer, 1000); // 每隔1秒执行一次timer函数
// 停止计时
setTimeout(function() {
clearInterval(interval); // 取消计时器
}, 5000); // 5秒后停止计时

上述代码中，timer()函数会在每次调用时递增count变量并输出它的值。使用setInterval()函数可以每隔1秒调用一次timer()函数，从而实现计时器的功能。另外，通过setTimeout()函数设置一个定时任务，5秒后调用clearInterval()函数取消计时器，从而停止计时。

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

JS中的计时功能怎么实现

最新知识库

相关标签