在 Javascript 中实现超越 setTimeout() 的计时器精度

Javascript 的 setTimeout() 方法在精度方面经常达不到要求，表现出不可预测的延迟，可能会影响 UI 操作。因此，开发人员可能想知道是否有其他方法可以提供更可靠的计时功能。

使用 setTimeout() 获得精确精度的不切实际

不幸的是，实现精确定位单独使用 setTimeout() 来追求准确性是徒劳的。浏览器的设计初衷并不是提供如此精确的计时。外部 API 提供了解决方案，但它们引入了额外的依赖项，可能并不适合所有应用程序。

利用 True Time 进行精确计时

而不是仅仅依赖 setTimeout ()，开发人员可以利用实时时钟来确定任务何时执行。这涉及使用 setTimeout() 设置回调，但依赖于 Javascript 的 (new Date()).milliseconds 方法或其等效方法。

此方法利用较新浏览器强大的计时器支持，同时保持与旧版本的兼容性。此外，它消除了对多个计时器的需要，通过避免回调竞争来提高性能。

平滑 UI 操作的最佳实践

为了确保平滑的 UI 操作，开发人员应该放弃实现“一个定时器，一项任务”的设计。相反，他们应该使用一个计时器来处理指定时间间隔内的所有待处理任务。这种方法与实时时钟数据的结合提供了一种更加可预测和准确的计时机制，消除了强力 setTimeout() 使用的需要。