使用setInterval实现股票价格更新倒计时出现时间偏差如何排查

• setInterval 固有计时漂移
  setInterval 属于浏览器宏任务，不会严格按照设定的间隔执行回调：回调需要等待主线程空闲才会被调度，如果主线程存在耗时操作（DOM渲染、复杂JS计算、其他任务阻塞），实际执行时间会晚于预期。你同时运行了3个独立的setInterval实例，1秒间隔的倒计时定时器和60秒间隔的价格更新定时器漂移幅度不一致，运行时间越长偏差累积越明显。
• 定时器初始启动存在时间差
  三个setInterval是依次注册启动的，注册过程本身就存在毫秒级的时间差，初始偏差会随着运行时间逐步放大，最终出现肉眼可感知的不同步。
• 后台标签页定时器节流
  绝大多数浏览器会对非活跃的后台标签页做定时器节流优化，将setInterval的最小执行间隔限制为1秒甚至更高，不同定时器的调度优先级存在差异，会进一步加剧两者的计时偏差。
• 逻辑完全独立无绑定关系
  你的价格更新逻辑和count倒计时没有任何关联，60秒的定时器只根据自身的计时触发，完全不受count值约束，自然无法保证和count归零的时机对齐。

直接将价格更新逻辑与倒计时逻辑绑定，不需要额外注册两个60秒的setInterval，调整后代码如下：

let count = 60;

function timeLeft(){
    count = count - 1;
    if(count == 0){
        // 倒计时归零时同步触发价格更新
        machoAirline.changePrice();
        yenoTech.changePrice();
        count = 60;
    }
}

setInterval(() => timeLeft(), 1000)

如果需要更高精度的倒计时，可以配合Date对象计算实际时间差修正count的漂移，避免长期运行出现偏差。

内容的提问来源于stack exchange，提问作者Nyaco