兼容各个浏览器的动画循环代码

浏览:1623 发布日期:2013年08月15日分类:功能实现关键字: html5

兼容各个浏览器的动画循环代码。使用html5的requestAnimationframe API
window.requestNextAnimationframe =
(function () {
var originalWebkitRequestAnimationframe = undefined,
wrapper = undefined,
callback = undefined,
geckoVersion = 0,
userAgent = navigator.userAgent,
index = 0,
self = this;

// Workaround for Chrome 10 bug where Chrome
// does not pass the time to the animation function

if (window.webkitRequestAnimationframe) {
// Define the wrapper

wrapper = function (time) {
if (time === undefined) {
time = +new Date();
}
self.callback(time);
};

// Make the switch

originalWebkitRequestAnimationframe = window.webkitRequestAnimationframe;

window.webkitRequestAnimationframe = function (callback, element) {
self.callback = callback;

// Browser calls the wrapper and wrapper calls the callback

originalWebkitRequestAnimationframe(wrapper, element);
}
}

// Workaround for Gecko 2.0, which has a bug in
// mozRequestAnimationframe() that restricts animations
// to 30-40 fps.

if (window.mozRequestAnimationframe) {
// Check the Gecko version. Gecko is used by browsers
// other than Firefox. Gecko 2.0 corresponds to
// Firefox 4.0.

index = userAgent.indexOf('rv:');

if (userAgent.indexOf('Gecko') != -1) {
geckoVersion = userAgent.substr(index + 3, 3);

if (geckoVersion === '2.0') {
// Forces the return statement to fall through
// to the setTimeout() function.

window.mozRequestAnimationframe = undefined;
}
}
}

return window.requestAnimationframe ||
window.webkitRequestAnimationframe ||
window.mozRequestAnimationframe ||
window.oRequestAnimationframe ||
window.msRequestAnimationframe ||

function (callback, element) {
var start,
finish;

window.setTimeout( function () {
start = +new Date();
callback(start);
finish = +new Date();

self.timeout = 1000 / 60 - (finish - start);

}, self.timeout);
};
}
)
();

评论() 相关

后面还有条评论,

您需要登录后才可以评论登录 | 立即注册

执着〃々 08-02
thinkphp学习交流群
boy8888 04-05
【免费+开源】小程序商城源码 B2C单商户独立后台源码
8044023 12-27
分享微信域名检测接口
pinkecn 08-15
x-crm 基于ThinkPHP+b-jui开发
www904 05-28
jQuery实现发送短信验证码后60秒倒计时

收藏

赞

mochong

积分:1704 等级:LV3

热点推荐

(追記) (追記ここまで)

最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。