js计时器怎么写
原创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 函数,实现重复执行。
文章标签:
Javascript
上一篇:java框架的跨平台开发前景如何 下一篇:js怎么判断blob类型