requestAnimationFrame实现浏览器兼容

2018-01-24 20:06:08来源:cnblogs.com作者:Kalo人点击

分享
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 })();

相关文章

    无相关信息

微信扫一扫

第七城市微信公众平台