Baseline Widely available
The getAnimations()
method of the Element
interface (specified on the Animatable
mixin) returns an array of all Animation
objects affecting this element or which are scheduled to do so in future. It can optionally return Animation
objects for descendant elements too.
Note: This array includes CSS Animations, CSS Transitions, and Web Animations.
SyntaxgetAnimations()
getAnimations(options)
Parameters
options
Optional
An options object containing the following property:
subtree
A boolean value which, if true
, causes animations that target descendants of Element to be returned as well. This includes animations that target any CSS pseudo-elements attached to Element or one of its descendants. Defaults to false
.
An Array
of Animation
objects, each representing an animation currently targeting the Element
on which this method is called, or one of its descendant elements if { subtree: true }
is specified.
The following code snippet will wait for all animations on elem
and its descendants to finish before removing the element from the document.
Promise.all(
elem.getAnimations({ subtree: true }).map((animation) => animation.finished),
).then(() => elem.remove());
Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4