Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.

View in English Always switch to English

AnimationEvent

Baseline
Ampliamente disponible
*

Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde septiembre de 2015.

* Algunas partes de esta característica pueden tener distintos niveles de compatibilidad.

Experimental: Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.

La interfaz AnimationEvent representa los eventos que proporciona información relacionada con las animaciones.

Event AnimationEvent

Propiedades

También hereda las propiedades de su padre Event.

AnimationEvent.animationName Read only

Es un String que contiene el valor de la propiedad CSS animation-name asociado con la transición.

AnimationEvent.elapsedTime Read only

Es un número flotante que da la cantidad de tiempo que ha estado corriendo la animación, en segundos, cuando este evento es disparado, excluyendo cualquier vez que la aimación fue pausada. Para un evento "animationstart", elapsedTime es 0.0 a ménos que hubiera un valor negativo para animation-delay, en tal caso sería disparado el evento con elapsedTime conteniendo (-1 *retraso).

AnimationEvent.pseudoElement Read only

Es un String, empezando con '::', conteniendo el nombre del pseudo-element en el cual corre la animación. Si la animación no corre sobre un pseudo-element sino en el elemento, un string vacío: ''.

Constructor

AnimationEvent()

Crea un evento AnimationEvent con los parametros dados.

Métodos

También hereda los métodos de su padre Event.

AnimationEvent.initAnimationEvent()

Inicializa un evento AnimationEvent creado utilizando el método obsoleto Document.createEvent("AnimationEvent")

Especificaciones

Especificación
CSS Animations Level 1
# interface-animationevent

Compatibilidad con navegadores

Ver también