Animation.currentTime
Baseline
Ampliamente disponible
Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde marzo de 2020.
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
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:
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 :
animation.currentTime =
animation.effect.getComputedTiming().delay +
animation.effect.getComputedTiming().activeDuration / 2;
Especificaciones
| Especificación |
|---|
| Web Animations # dom-animation-currenttime |
Compatibilidad con navegadores
Ver también
Animationpara otros métodos y propiedades que puede usar para controlar la animación de la página web.Animation.startTimepara programar el tiempo de inicio de una animación.- Web Animations API