Experimental
Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.
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 | Status | Comment |
---|---|---|
Web Animations La definición de 'currentTime' en esta especificación. |
Working Draft |
Compatibilidad del navegador
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 39.0 | 48 (48)[1] | Sin soporte | Sin soporte | Sin soporte |
Feature | Android | Android Webview | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|
Basic support | Sin soporte | 39.0 | 48.0 (48)[1] | Sin soporte | Sin soporte | Sin soporte | 39.0 |
[1] La Web Animations API solo está habilitada por defecto en Firefox Developer Edition y Nightly builds. Puedes habilitarlo en versiones Beta estableciendo la preferencia dom.animations-api.core.enabled
en true
, y puede ser deshabilitado en cualquier versión de Firefox, estableciendo esta preferencia en false
.
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