Animation: finished-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2020 browserübergreifend verfügbar.
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
| Spezifikation |
|---|
| Web Animations # dom-animation-finished |