Animation.currentTime

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 Animation.currentTime de la Web Animations API devuelve y establece el valor del tiempo de la animación en milisegundos, tanto si se está ejecutando como en pausa.

Si la animación carece de un timeline, está inactiva, o no ha sido reproducida todavía, el valor devuelto por currentTime es null.

Sintaxis

js
var currentTime = Animation.currentTime;
Animation.currentTime = newTime;

Valor

Un número que representa el tiempo actual en milisegundos, o null para desactivar la animación.

Ejemplos

En el juego Drink Me/Eat Me, la altura de Alicia está animada, por lo que puede cambiar de pequeña a grande y de grande a pequeña. Al inicio del juego, su altura de fija estableciendo el currentTime (tiempoActual) a la mitad de la duración total delKeyframeEffect:

js
aliceChange.currentTime = aliceChange.effect.timing.duration / 2;

Un modo más genérico para encontrar la marca del 50% en una animación sería :

js
animation.currentTime =
  animation.effect.getComputedTiming().delay +
  animation.effect.getComputedTiming().activeDuration / 2;

Especificaciones

Specification
Web Animations
# dom-animation-currenttime

Compatibilidad con navegadores

BCD tables only load in the browser

Ver también