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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
finished

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch