Javascript setInterval - 如何设置良好的时间和性能

Question

我正在编写一个简单的 jquery 插件，它可以让我在某个滚动位置向元素添加类。为实现这一点，我调用了一个 setInterval 函数来检查当前 Y 页面偏移量，而不是绑定(bind) onScroll 事件:

interval = window.setInterval(update, 25);

如你所见，我将间隔设置为 25 毫秒。我想知道这是否被认为是正确的时间，以及如何有效地参与表演。

Answer 1

为了提高动画性能，最好使用“requestAnimationFrame”。这样，浏览器不会在选项卡未处于事件状态时一直更新 + 它可能会进行一些额外的优化。

requestAnimationFrame 还不被大多数浏览器支持，但是 - 当然 - Paul Irish 已经准备好了一个漂亮的 polyfill:http://paulirish.com/2011/requestanimationframe-for-smart-animating/