Document: getAnimations() method

{{APIRef("Web Animations")}} 

The getAnimations() method of the {{domxref("Document")}}  interface returns an array of all {{domxref("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 {{jsxref("Array")}}  of {{domxref("Animation")}}  objects, each representing one animation currently associated with elements which are descendants of the {{domxref("Document")}}  on which it’s called.

Examples

The following code snippet will slow down all animations on a page by halving their {{domxref("Animation.playbackRate")}} .

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

Specifications

{{Specifications}} 

Browser compatibility

{{Compat}} 

See also

• Web Animations API
• CSS Animations
• CSS Transitions
• {{domxref("Element.getAnimations()")}}  - Fetch only the animations on a single {{domxref("Element")}}  and its descendants.
• {{domxref("Animation")}}