温馨提示×

JS中的计时功能怎么实现

js
小亿
125
2023-09-26 20:12:59
栏目: 编程语言

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

  1. 使用setTimeout()函数实现延时执行的计时功能:
let count = 0;
function timer() {
count++;
console.log(count);
setTimeout(timer, 1000); // 1秒后再次调用timer函数
}
timer(); // 开始计时

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

  1. 使用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()函数取消计时器,从而停止计时。

0