Document: getAnimations() method
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.
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.
Syntax
js
getAnimations()
Parameters
None.
Return value
An Array of Animation objects, each representing one
animation currently associated with elements which are descendants of the
Document on which it's called.
Examples
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;
});
Specifications
| Specification |
|---|
| Web Animations # dom-documentorshadowroot-getanimations |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
getAnimations
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Partial support
- Partial support
- Has more compatibility info.
See also
- Web Animations API
- CSS Animations
- CSS Transitions
Element.getAnimations()- Fetch only the animations on a singleElementand its descendants.Animation