evento animationiteration

Ejemplos

Cuando se añade elemento de animación CSS repetición como un <div> detecta eventos:

var x = document.getElementById ( "myDiv");

// Códigos Chrome, Safari y Opera
x.addEventListener ( "webkitAnimationIteration", myStartFunction);

// Sintaxis estándar
x.addEventListener ( "animationiteration", myStartFunction);

Trate »

Definición y Uso

animationiteration evento desencadena cuando la repetición de animación CSS.

Si el CSS Animación-iteración-COUNT atributo se establece en "1", la animación se reproducirá una sola vez, animationiteration caso ya no se dispara.

Más acerca de la animación CSS, consulte nuestra animación CSS3 sección.

animación CSS juega, los siguientes tres eventos:

animationstart - después del inicio del gatillo animación CSS
animationiteration - animaciones CSS desencadenan la repetición
la animationEnd - después de la finalización del gatillo CSS

Soporte para el navegador

Las cifras de la tabla representan el primer navegador para apoyar esta versión de los hechos.

"Webkit" o "moz" después de un número de prefijo especificado como la primera versión para apoyar el evento.

evento
animationiteration	4.0 webkit	10.0	16.0 5.0 MOZ	4.0 webkit	15.0 webkit 12.1

Nota: Chrome, Safari y Opera webkitAnimationEnd prefijo.

gramática

object.addEventListener ( "webkitAnimationIteration", myScript) ; // Chrome, Safari y Opera Códigos
objetar .addEventListener ( "animationiteration", myScript ); // sintaxis estándar

Nota: Internet Explorer 8 y versiones anteriores de IE no son compatibles con addEventListener () método.

detalles técnicos