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.
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.
js
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
.
js
document.getAnimations().forEach((animation) => { animation.playbackRate *= 0.5; });
Specification |
---|
Web Animations # dom-documentorshadowroot-getanimations |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
getAnimations |
84 | 84 | 75 | No | 70 | 1413.1Implements an older version of the specification, see Webkit bug 179536. |
84 | 84 | 79 | 60 | 1413.4Implements an older version of the specification, see Webkit bug 179536. |
14.0 |
Element.getAnimations()
- Fetch only the animations on a single Element
and its descendants. Animation
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Document/getAnimations