W3cubDocs

/Web APIs

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

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.

document.getAnimations().forEach((animation) => {
  animation.playbackRate *= 0.5;
});

Specifications

Specification
Web Animations> # dom-documentorshadowroot-getanimations>

Browser compatibility

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`getAnimations`	84	84	75	70	14 13.1–14 Implements an older version of the specification, see bug 179536.	84	79	60	14 13.4–14 Implements an older version of the specification, see bug 179536.	14.0	84	14 13.4–14 Implements an older version of the specification, see bug 179536.