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 March 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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
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