Document: getAnimations() method

Baseline 2022

Newly available

Since September 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

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

BCD tables only load in the browser

See also