Animation.finished

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.

La propiedad de solo-lectura de Animation.finished de la Web Animations API devuelve un Promise que se resuelve una vez que la animación a terminado de reproducirse.

Nota: Una vez que la reproducción de la animación abandona el estado finished (es decir, la reproducción se está ejecutando otra vez), Un nuevo Promise es creado para esta propiedad. El nuevo Promise será resuelto cuando se haya completado la actual secuencia de la animación.

Sintaxis

js
var animationsPromise = Animation.finished;

Valor

Un objeto Promise que se resuelve cuando haya finalizado la reproducción de la animación.

Ejemplos

El siguiente código espera a que todas las animaciones que se ejecutan en el elemento elem hayan terminado, después elimina el elemento del arbol del DOM:

js
Promise.all(
  elem.getAnimations().map(function (animation) {
    return animation.finished;
  }),
).then(function () {
  return elem.remove();
});

Especificaciones

Specification
Web Animations
# dom-animation-finished

Compatibilidad con navegadores

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

Ver también