说实话，写高精度前端定时器和延时器，这个话题挺有意思的，哈哈！咱就是说hen多时候我们需要一些精确的时间控制，但浏览器那些原生定时器你懂的，并不总是靠谱。

先来kankansetInterval，表面上kan挺美好，设置个时间间隔，函数就周期执行了但实际执行时间 = 间隔时间 + fn执行时间，你kan，这时间就开始漂移了。

setInterval;// 实际执行时间 = 1000 + fn执行时间

👉 时间会越来越不准

咱得找个geng准的方案是不？

这个API是跟着屏幕刷新率来的，一般是60Hz，就是说每16.7ms执行一次挺适合Zuo动画啥的。

let last = performance.now; function rafTimer { const now = performance.now; if { console.log; last = now; } requestAnimationFrame; } rafTimer; 为啥RAF比setTimeout强？

系统层级的调度

自动节流

有时候我们需要一个精确的延时器，比如5秒后执行某个操作。

function preciseTimeout { const start = performance.now; function loop { const now = performance.now; if { fn; } else { requestAnimationFrame; } } loop; } 为什么准？

使用高精度时钟 performance.now

每帧校正误差

function preciseInterval { let expected = performance.now + interval; function step { const drift = performance.now - expected; fn; expected += interval; setTimeout); } setTimeout; } 核心点

不是简单等待 interval

每次dou修正漂移

不阻塞 UI 线程

不受页面渲染影响

setInterval => { postMessage); }, 1000); 主线程怎么接收？

const worker = new Worker; worker.onmessage = => { console.log; };

👉 计时类、音频、监控系统首选，不对不对，应该是所有需要高精度计时的场景dou首选！😄

这招贼好使！直接避免了累积误差。

你Ke以选择使用定时器 的中断功Neng或者通过不断查询定时器 的状态来实现延时 。Ru果使用中断,你需要设置定时器 ,让它在特定的时间后触发中断;Ru果使用查询,你就需要不断地检查定时器 ,kankan是否到达了设定的时间。

嗯哼，对了高精准的实现基本dou是基于时间差来Zuo的，而不是简单的固定间隔。