首页 > 其他 > 详细

requestAnimationFrame与setTimeout的区别

时间:2019-03-09 22:00:59      阅读:230      评论:0      收藏:0      [点我收藏+]

以往常常使用 setTimeout 以及 setInterval 方法来制作 JavaScript 动画,但是这种方式制作的动画经常会由于计时器的特性而带来一些问题。简单地说一下,计时器动画有以下几个问题。

  • 间隔时间不精确,可能被阻塞。计时器的间隔指的是将回调函数推入任务队列的间隔时间,任务队列中的任务只有在主线程任务执行完毕后才会被执行。
  • 计时器动画的间隔时间如果设定过短就会出现过度渲染占用大量资源,如果设定过长就会影响动画的流畅度。只能够估计合适的时间间隔。
  • 多数浏览器对于计时器动画没有优化。

使用 requestAnimationFrame 方法来定义动画就不会出现以上这些问题。

  • requestAnimationFrame 动画的帧数是由系统根据当前页面是否可见,CPU 的占用情况等等来决定的,可以最大化地利用系统性能。
  • 浏览器对 requestAnimationFrame 动画进行了优化。

 

requestAnimationFrame与setTimeout的区别

原文:https://www.cnblogs.com/codejoker/p/10503251.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!