javascript使用_使用JavaScript检索requestAnimationFrame

谁践踏了优雅 2023-02-22 03:45 8阅读 0赞

javascript使用

The `requestAnimationFrame` function has been a major boost to developers creating and managing animations with JavaScript.  Paul Irish has an [excellent introduction][] on `requestAnimationFrame` \-- I highly recommend you read it.  This [HTML5Hub post][] is also very good.  Most browsers now support the animation function but in the case a browser doesn't, you can shim a rough equivalent with `setInterval`:

`requestAnimationFrame`函数极大地促进了开发人员使用JavaScript创建和管理动画。 保罗·爱尔兰(Paul Irish)对`requestAnimationFrame`了[出色的介绍][excellent introduction] \-我强烈建议您阅读它。 此[HTML5Hub帖子][HTML5Hub post]也非常好。 现在，大多数浏览器都支持动画功能，但是如果不支持动画功能，则可以使用`setInterval`大致等效：

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

`requestAnimationFrame` was implemented with browser prefixes so we'll check for those if the unprefixed `window` method isn't there.  If no native implementation exists, a `setInterval` shim will have to do!

`requestAnimationFrame`是使用浏览器前缀实现的，因此我们将检查是否存在不带前缀的`window`方法。 如果不存在本机实现，则必须执行`setInterval`填充程序！

> 翻译自: [https://davidwalsh.name/requestanimationframe-shim][https_davidwalsh.name_requestanimationframe-shim]

javascript使用

[excellent introduction]: http://www.paulirish.com/2011/requestanimationframe-for-smart-animating/
[HTML5Hub post]: http://html5hub.com/request-animation-frame-for-better-performance/
[https_davidwalsh.name_requestanimationframe-shim]: https://davidwalsh.name/requestanimationframe-shim