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 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

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.

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 :

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

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

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 17 dic 2024 by MDN contributors.

View this page on GitHub • Report a problem with this content

Web Animations API
Animation
Constructor
1. Animation()
Propiedades de instancia
Métodos de instancia
Eventos
Herencia
1. EventTarget
Páginas relacionadas a Web Animations
Guías
1. Using the Web Animations API
2. Web Animations API Concepts
3. Keyframe Formats
4. Animaciones CSS tips y trucos

Animation.currentTime

In this article

Sintaxis

Valor

Ejemplos

Especificaciones

Compatibilidad con navegadores

Ver también

Help improve MDN