js通过window.requestAnimationFrame实现流畅的动画

写一个兼容各种浏览器的全局方法

window.requestAnimaFrame = (function(){
	return window.requestAnimationFrame ||
		   window.webkitRequestAnimationFrame ||
		   window.mozRequestAnimationFrame ||
		   window.oRequestAnimationFrame ||
		   window.msRequestAnimationFrame ||
		   function(callback){
				setTimeout(callback, 1000 / 60);
			};
)();

调用全局方法

//调用全局方法
function startAnimation(){
	requestAnimaFrame(startAnimation);
}
//requestAnimationFrame 只能按照浏览器刷新机制执行一次， 
//所以需要实现动画需要像setTimeout使用方法一样，在自己的方法中调用自己
startAnimation();