Animation: finished-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2020.
Die Animation.finished
-Eigenschaft des Web Animations API ist eine schreibgeschützte Eigenschaft, die ein Promise
zurückgibt, das aufgelöst wird, sobald die Animation das Abspielen beendet hat.
Hinweis: Jedes Mal, wenn die Animation den finished
-Spielzustand verlässt (das heißt, wenn sie erneut zu spielen beginnt), wird ein neues Promise
für diese Eigenschaft erstellt. Das neue Promise
wird aufgelöst, sobald die neue Animationssequenz abgeschlossen ist.
Wert
Ein Promise
-Objekt, das aufgelöst wird, sobald die Animation beendet ist.
Beispiele
Der folgende Code wartet, bis alle auf dem Element elem
laufenden Animationen beendet sind, und löscht dann das Element aus dem DOM-Baum:
Promise.all(elem.getAnimations().map((animation) => animation.finished)).then(
() => elem.remove(),
);
Spezifikationen
Specification |
---|
Web Animations # dom-animation-finished |
Browser-Kompatibilität
BCD tables only load in the browser