Using requestAnimationFrame
This code shows how to use requestAnamitionFrame to optimize animation.
//get requestAnimationFrame. If not - return timer
window.requestAnimFrame = (function() {
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function(/* function */ callback, /* DOMElement */ element){
window.setTimeout(callback, 1000 / 60);
};
})();
//Usage:
(function animloop(){
render(); //animation function
requestAnimFrame(animloop, element);
})();