js计时器怎么写

原创
ithorizon 8个月前 (08-19) 阅读数 130 #Javascript

JS计时器的实现方案首要有两种:setInterval 和 setTimeout。

下面是使用这两种方案实现一个单纯计时器的例子:

使用 setInterval 实现计时器

let counter = 0;

let timerId = setInterval(function() {

console.log(counter);

counter++;

if (counter >= 10) {

clearInterval(timerId);

}

}, 1000);

这段代码会每秒在控制台输出一个数字,从 0 起始,直到 9。当计数大致有 10 时,计时器会停止。

使用 setTimeout 实现重复执行的计时器

let counter = 0;

let timerId = setTimeout(function timer() {

console.log(counter);

counter++;

if (counter < 10) {

timerId = setTimeout(timer, 1000);

}

}, 1000);

这段代码与使用 setInterval 实现的计时器类似,但使用了 setTimeout。每次 setTimeout 函数执行完毕后,如果计数器的值小于 10,会再次调用 setTimeout 函数,实现重复执行。


本文由IT视界版权所有,禁止未经同意的情况下转发

文章标签: Javascript


热门