在Android设备上不支持requestAnimationFrame
来源:互联网 发布:mysql affected rows 编辑:程序博客网 时间:2024/05/22 10:31
之前在移动端遇到的问题—用计时器写动画,会有一段时间后出现闪现的问题,刚开始还以为是计时器的问题,用css3写也同样出现问题。
那么问题又来了,到底是什么原因?有时候直觉还是挺对的,查了一下代码,感觉requestAnimationFrame有点不对劲,开始对它下手,搜罗了一下它的相关资料,还真有问题,安卓手机不兼容,哈哈,问题解决一大半了,那么接下来就是兼容处理了,兼容处理一般都是固定模式写法,没什么好解释的——>直接分享代码(就是这么干脆直接):(function() {
var lastTime = 0;
var vendors = [‘webkit’, ‘moz’];
for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
window.requestAnimationFrame = window[vendors[x] + ‘RequestAnimationFrame’];
window.cancelAnimationFrame = window[vendors[x] + ‘CancelAnimationFrame’] || // (重点标注一下:)Webkit中此取消方法的名字变了
window[vendors[x] + ‘CancelRequestAnimationFrame’];
}
if (!window.requestAnimationFrame) { window.requestAnimationFrame = function(callback, element) { var currTime = new Date().getTime(); var timeToCall = Math.max(0, 16.7 - (currTime - lastTime)); var id = window.setTimeout(function() { callback(currTime + timeToCall); }, timeToCall); lastTime = currTime + timeToCall; return id; };}if (!window.cancelAnimationFrame) { window.cancelAnimationFrame = function(id) { clearTimeout(id); };}
}());
阅读全文
0 0
- 在Android设备上不支持requestAnimationFrame
- Android Developers:处理在电视上不支持的功能
- 在android平台上使用录音设备
- android设备在PC屏幕上投射
- $ionicActionSheet在Android设备上显示错乱
- Android: 在真实设备上调试配置
- TaskStackBuilder 不支持Android 3.0以下的设备
- 神奇的AIDE:在Android设备上开发Android应用
- requestAnimationFrame
- requestAnimationFrame
- requestAnimationFrame
- requestAnimationFrame
- requestAnimationFrame
- requestAnimationFrame
- requestAnimationFrame
- requestAnimationFrame
- requestAnimationFrame
- requestAnimationFrame
- Java IO学习笔记二
- 正则表达式集合
- SurfaceFlinger principl
- TS数据结构分析(写的很清晰)
- GetHashCode解析
- 在Android设备上不支持requestAnimationFrame
- JS 将秒转为x天x时x分x秒
- [leetcode]: 26. Remove Duplicates from Sorted Array
- Snowflake算法核心
- 添加动态库的四种方式
- 元件更新与替换
- 使用mongodb的aggregate解决变态需求
- 【工具类】-ini配置文件读写操作类
- CDH对应组件版本和maven引入方法