在Javascript中使用' setInterval/setTimeout '动画的最佳实践

Best practice for animation using `setInterval/setTimeout` in Javascript?

本文关键字：动画 最佳 setTimeout Javascript setInterval      更新时间：2023-09-26

我认为setInterval/clearInterval和setTimeout/clearTimeout在Javascript中看起来有点低水平。是否有流行的设计模式或封装(更高层次的抽象)来使用这些方法?

避免setInterval，使用requestAnimationFrame

  • requestAnimationFrame for Smart动画。
  • 使用requestAnimationFrame。
  • requestAnimationFrame |柔滑流畅JavaScript的秘密动画。
  • 更精简，更平均，更快的动画与requestAnimationFrame。
  • 动画requestAnimationFrame。

或者查看现有的解决方案:

  • GreenSock动画平台(GSAP).
  • Velocity.js。
  • TweenJS。
  • Move.js。
  • Animate.css。
  • …还有很多很多。
相关文章：