requestAnimationFrame实现浏览器兼容

2018-06-24 01:23:55来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JS排序之冒泡排序

下一篇:数组和字符串的一些常用方法