码迷,mamicode.com
首页 > Web开发 > 详细

js 动画方法之requestAnimationFrame

时间:2015-01-17 22:05:59      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:

js动画实现的方法到现在有三种

1 css3:

通过animattion+keyframes;或 transition

 

2. setTimeout/setInterval:

setTimeout/setInterval:通过递归调用同一方法来不断更新动画元素以达到动起来的效果,动画过度绘制,浪费 CPU 周期以及消耗额外的电能等问题。

 

3.requestAnimationFrame:

requestAnimationFrame:是由浏览器专门为动画提供的API,在运行时浏览器会自动优化方法的调用,当页面不是激活状态下的话,动画会自动暂停,有效节省了CPU开销。

 

说到js动画当然要看jquery ,从源码和查到的资料看 jquery 1.6.2  使用过requestAnimationFrame。但在之后的版本取消了requestAnimationFrame 。在jquery 版本2.0之后 ,对于高级浏览器的动画就使用css3的方法了。

 

js 动画方法之requestAnimationFrame

标签:

原文地址:http://www.cnblogs.com/breakdown/p/3527961.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!