setInterval有个属性requestAnimationFrame

`setInterval` 和 `requestAnimationFrame` 都是 JavaScript 中用于定时执行函数的方法，但它们的设计目的和性能优化有所区别。

`setInterval` 是一种全局函数，它会按照指定的时间间隔（默认每秒执行一次），反复执行传入的回调函数。然而，当浏览器需要更新界面时，如果多个 `setInterval` 被密集地触发，可能会导致性能下降，尤其是当动画效果较多时，因为不是所有的帧都会精确对应浏览器的渲染周期。

相比之下，`requestAnimationFrame` 是浏览器提供的 API，专为处理图形密集型任务设计，比如动画和游戏。它保证了在新的一帧开始时调用回调，这意味着回调只会被执行在视觉上可以感知到变化的时候，因此能提供更平滑、高效的用户体验，并节省不必要的计算资源。当浏览器暂停（例如用户切换标签页）或设备进入节能模式时，`requestAnimationFrame` 会被自动暂停，然后在下一帧恢复时继续执行，这是 `setInterval` 所不具备的特性。