解说 window.requestAnimationFrame() 函数

window.requestAnimationFrame() 这个方法是用来在页面重绘之前,通知浏览器调用一个指定的函数,以满足开发者操作动画的需要。即可以这样说,该方法接受一个函数为参,该函数会在重绘前调用。
因浏览器不同,为了兼容性,有三种格式的:
requestID = window.requestAnimationFrame(callback);
requestID = window.mozRequestAnimationFrame(callback);
requestID = window.webkitRequestAnimationFrame(callback);
requestID = window.oRequestAnimationFrame(callback);
requestID = window.msRequestAnimationFrame(callback);

callback 会收到一个参数,这个 DOMHighResTimeStamp 类型的参数指示当前时间距离开始触发 requestAnimationFrame 的回调的时间。

window.cancelAnimationFrame(requestID) 可以取消这个回调函数。

示例(进度条动画):

0%



参考:http://www.cnblogs.com/Wayou/p/requestAnimationFrame.html

你可能感兴趣的:(解说 window.requestAnimationFrame() 函数)