前端开发

如何使用requestAnimationFrame?

window.requestAnimFrame方法的使用方法如下所示：

window.requestAnimFrame = (function(){
return window.requestAnimationFrame || 
window.webkitRequestAnimationFrame || 
window.mozRequestAnimationFrame || 
window.oRequestAnimationFrame || 
window.msRequestAnimationFrame || 
function( callback ){
window.setTimeout(callback, 1000 / 60);//定义每秒执行60次动画
};
})();

//相当于使用setInterval(render, 16)方法,但是具有更高的性能

(function animloop(){
requestAnimFrame(animloop);
render();
})();