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.
Propiedades
También hereda las propiedades de su padre Event.
AnimationEvent.animationNameRead only-
Es un
Stringque contiene el valor de la propiedad CSSanimation-nameasociado con la transición. AnimationEvent.elapsedTimeRead 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",elapsedTimees0.0a ménos que hubiera un valor negativo paraanimation-delay, en tal caso sería disparado el evento conelapsedTimeconteniendo(-1 *retraso). AnimationEvent.pseudoElementRead 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
AnimationEventcon los parametros dados.
Métodos
También hereda los métodos de su padre Event.
AnimationEvent.initAnimationEvent()-
Inicializa un evento
AnimationEventcreado utilizando el método obsoletoDocument.createEvent("AnimationEvent")
Especificaciones
| Especificación |
|---|
| CSS Animations Level 1> # interface-animationevent> |
Compatibilidad con navegadores
Ver también
- Usando animaciones CSS
- Las propiedades CSS referentes a animación y reglas:
animation,animation-delay,animation-direction,animation-duration,animation-fill-mode,animation-iteration-count,animation-name,animation-play-state,animation-timing-function,@keyframes.