Document.getAnimations()

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(
  function (animation) {
    animation.playbackRate *= .5;
  }
);

Specifications

Browser compatibility

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
61
Implements an older version of the specification.
84
79
Implements an older version of the specification.
75
63-75
No
70
48
Implements an older version of the specification.
14
13.1
Implements an older version of the specification, see Webkit bug 179536.
84
84
61
Implements an older version of the specification.
79
60
45
Implements an older version of the specification.
14
13.4
Implements an older version of the specification, see Webkit bug 179536.
14.0

See also

© 2005–2021 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