前端setInterval实现精准计时器
时间: 2023-12-12 15:46:58 浏览: 175
要实现精准计时器,可以使用`setInterval`结合`Date`对象来实现。
首先,你需要定义一个变量来保存计时器的开始时间,可以使用`Date.now()`获取当前时间戳。然后,使用`setInterval`函数来执行一个回调函数,可以设置一个较小的时间间隔,比如10毫秒。
在回调函数中,使用`Date.now()`获取当前时间戳,并计算与开始时间的时间差。这样就可以得到精确的计时器值。最后,可以根据需要将计时器值进行格式化或显示。
以下是一个简单的示例代码:
```javascript
// 定义开始时间
let startTime = Date.now();
// 设置计时器
let timer = setInterval(() => {
// 获取当前时间戳
let currentTime = Date.now();
// 计算时间差
let elapsedTime = currentTime - startTime;
// 格式化或显示计时器值
console.log(elapsedTime);
// 根据需要清除计时器
if (elapsedTime >= 10000) {
clearInterval(timer);
}
}, 10);
```
上述代码中,每10毫秒会输出计时器值,并在计时器值达到10秒后清除计时器。你可以根据自己的需求修改时间间隔和清除计时器的条件。
阅读全文