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
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
Specification |
---|
Web Animations # dom-animation-currenttime |
Compatibilidad con navegadores
BCD tables only load in the browser
Ver también
Animation
para otros métodos y propiedades que puede usar para controlar la animación de la página web.Animation.startTime
para programar el tiempo de inicio de una animación.- Web Animations API