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:

js
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

Siehe auch