Orario delle Lezioni

Manuale di Riferimento JS

JavaScript

Finestra

DOM HTML

Web API

Oggetto HTML

Altri manuali di riferimento

Corso opzionale

Corso consigliato:

Cassetto magico di CodeW3C.com

Evento animationiteration

Event DOM AnimationEvent

Definizione e uso

L'evento animationiteration si verifica durante la ripetizione dell'animazione CSS.

Se Proprietà animation-iteration-count CSSImpostato su "1", significa che l'animazione verrà riprodotta una sola volta e non si verificherà l'evento animationiteration. L'animazione deve essere eseguita più volte per attivare questo evento.

Per ulteriori informazioni sull'animazione CSS, consulta il nostro Tutorial di animazione CSS3.

Quando l'animazione CSS viene riprodotta, possono verificarsi tre eventi:

animationstart - Si verifica quando l'animazione CSS inizia
animationiteration - Si verifica quando l'animazione CSS si ripete
animationend - Si verifica quando l'animazione CSS è completata

Esempio

Quando l'animazione CSS si ripete, esegui qualcosa per l'elemento <div>:

var x = document.getElementById("myDIV");
// Codice per Chrome, Safari e Opera
x.addEventListener("webkitAnimationIteration", myRepeatFunction);
// Sintassi standard
x.addEventListener("animationiteration", myRepeatFunction);

Prova tu stesso

Sintassi

oggetto.addEventListener("webkitAnimationIteration", myScript);  // Codice per Chrome, Safari e Opera
oggetto.addEventListener("animationiteration", myScript);        // Sintassi standard

Nota:Internet Explorer 8 o versioni precedenti non supportano Metodo addEventListener().