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")}}