JS 中的倒计时,怎么实现纠正偏差?
在 JavaScript 中实现倒计时时,可能会遇到时间偏差的问题,尤其是使用 setInterval
或 setTimeout
时。由于这些方法依赖于浏览器的事件循环和系统时钟,可能会导致实际的倒计时比预期的时间稍微快或慢。
为了纠正这个偏差,可以使用以下几种方法:
1. 使用
Date
对象进行时间校正
为了确保倒计时的准确性,我们可以每次更新倒计时时,都通过 Date
对象计算剩余时间,而不是依赖固定的时间间隔(如 setInterval
)。这样可以根据当前时间实时校正偏差。
示例代码:
function startCountdown(duration) {
const endTime = Date.now() + duration * 1000; // 设置目标结束时间
function updateCountdown() {
const now = Date.now();
const remainingTime = endTime - now;
if (remainingTime <= 0) {
console.log("倒计时结束!");
clearInterval(interval); // 停止倒计时
} else {
const seconds = Math.floor(remainingTime / 1000);
con