requestAnimationFrame实现浏览器兼容 

requestAnimationFrame是比setInterval更高效更平滑的动画实现。
兼容性查看：http://caniuse.mojijs.com/Home/Html/item/key/requestanimationframe/index.html
MDN文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFrame
原文链接：https://www.paulirish.com/2011/requestanimationframe-for-smart-animating/

 1 // requestAnimationFrame实现浏览器兼容的代码
 2 window.requestAnimFrame = (function(){
 3   return  window.requestAnimationFrame       ||
 4           window.webkitRequestAnimationFrame ||
 5           window.mozRequestAnimationFrame    ||
 6           function( callback ){
 7             window.setTimeout(callback, 1000 / 60);
 8           };
 9 })();
10 
11 
12 // 使用方法：
13 // 代替 setInterval(render, 16) ....
14 
15 (function animloop(){
16   requestAnimFrame(animloop);
17   render();
18 })();

 

posted @ 2018-01-24 15:24  Kalo  阅读(216)  评论(0)    收藏  举报