This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
The getAnimations() method of the Document interface returns an array of all Animation objects currently in effect whose target elements are descendants of the document. This array includes CSS Animations, CSS Transitions, and Web Animations.
var allAnimations = Document.getAnimations();
None.
An Array of Animation objects, each representing one animation currently associated with elements which are descendants of the Document on which it's called.
The following code snippet will slow down all animations on a page by halving their Animation.playbackRate.
document.getAnimations().forEach(
function (animation) {
animation.playbackRate *= .5;
}
); | Specification | Status | Comment |
|---|---|---|
| Web Animations The definition of 'document.getAnimations()' in that specification. | Working Draft | Editor's draft. |
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | No support | 48 (48)[1] | No support | No support | No support |
| Feature | Android | Android Webview | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|---|
| Basic support | No support | No support | No support | No support | No support | No support | No support | No support |
[1] Currently available only in Firefox Nightly and Firefox Developer Edition.
© 2005–2017 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/document/getAnimations