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.
io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/es/web/api/web_animations_api/index.md)
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
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:
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
BCD tables only load in the browser