/*
是否可以将第一个块变成第二个块?我已经对requestAnimationFrame做了类似的事情,但由于点,它似乎在这里不起作用。
*/
////////////////////////////////////////////////////////////////////////////////////////
window.performance = window.performance || {};
window.performance.now = (function()
{
return window.performance.now ||
window.performance.webkitNow ||
window.performance.msNow ||
window.performance.mozNow ||
window.performance.oNow || function() { return new Date().getTime(); };
})();
var PeRfOrMaNcE = window.performance;
console.log(PeRfOrMaNcE.now());
////////////////////////////////////////////////////////////////////////////////////////
var PeRfOrMaNcE = (function()
{
return window.performance.now ||
window.performance.webkitNow ||
window.performance.msNow ||
window.performance.mozNow ||
window.performance.oNow || function() { return new Date().getTime(); };
})();
console.log(PeRfOrMaNcE());
至少在Chrome中,now()
函数要求this === window.performance
.
因此,您必须使用 .call
或 。bind
正确调用它。
这似乎有效,尽管它仍然需要window.performance
存在,即使它只是在第一次代码尝试中初始化为空对象:
var PeRfOrMaNcE = (function()
{
return window.performance.now ||
window.performance.webkitNow ||
window.performance.msNow ||
window.performance.mozNow ||
window.performance.oNow || function() { return new Date().getTime(); };
})().bind(window.performance);
或者,在window.performance
不存在时避免.bind
调用:
var PeRfOrMaNcE = (function()
{
var wp = window.performance;
var now = wp && (wp.now || wp.webkitNow || wp.msNow || wp.mozNow || wp.oNow);
return now && now.bind(wp) || function() {
return new Date().getTime();
}
})();
固定。
简洁,但稍微模糊一些。
var PeRfOrMaNcE = function()
{
var wp = window.performance;
var v = ['now', 'webkitNow','msNow','mozNow', 'oNow'];
for (var i in v) {
if (wp[v[i]]) return wp[v[i]]()
}
return (new Date()).getTime();
}