当前位置:龙哥网 > 网络技术 > js requestAnimationFrame方法兼容IE9和其它低版本浏览器的写法

js requestAnimationFrame方法兼容IE9和其它低版本浏览器的写法

longge5个月前 (12-17)网络技术72

IE9以下浏览器或其它低版本浏览器不支持js window对象的方法 requestAnimationFrame(),但是可以结合 setTimeout 以及各自浏览器的专属前缀实现低版本浏览器的兼容。

支持 requestAnimationFrame() 方法的浏览器

js requestAnimationFrame方法兼容IE9和其它低版本浏览器的写法

代码:

window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || function (fn) {
	return setTimeout(fn,1000/60)
}

扩展:

requestAnimationFrame() 方法告诉浏览器执行一个动画,与 setTimeoutsetInterval 方法对比,因为重绘或回流的时间间隔紧紧跟随浏览器的刷新频率(一般来说,这个频率为每秒60帧),动画执行显得更加流畅,推荐使用 requestAnimationFrame() 代替 setTimeoutsetInterval 方法。

免责声明
本站部分资源来源于互联网 如有侵权 请联系站长删除
龙哥网是优质的互联网科技创业资源_行业项目分享_网络知识引流变现方法的平台为广大网友提供学习互联网相关知识_内容变现的方法。#转载请注明出处!