Exemplu
Fa ceva cu un <div> atunci când este vorba de animație CSS se repetă:
var x = document.getElementById("myDIV");
// Code for Chrome, Safari and Opera
x.addEventListener("webkitAnimationIteration", myRepeatFunction);
//
Standard syntax
x.addEventListener("animationiteration",
myRepeatFunction);
Încearcă - l singur » Definiție și utilizare
Evenimentul animationiteration are loc atunci când o animație CSS se repetă.
În cazul în care CSS animationiteration-count proprietate este setat la "1" , ceea ce înseamnă că animația va fi jucat doar o singură dată, nu are loc evenimentul animationiteration. Animația are nevoie pentru a rula mai mult de o dată pentru acest eveniment la foc.
Pentru mai multe informații despre CSS animații, consultați programul de instruire pe CSS3 animații .
Atunci când o animație CSS joacă, există trei evenimente care pot să apară:
- animationstart - se produce atunci când a început animația CSS
- animationiteration - apare atunci când animația CSS se repetă
- animationend - apare atunci când animația CSS a finalizat
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin evenimentul.
Numerele urmat de "webkit" sau "moz" specificați prima versiune care a lucrat cu un prefix.
Eveniment | |||||
---|---|---|---|---|---|
animationiteration | 4.0 WebKit | 10.0 | 16.0 5.0 Moz | 4.0 WebKit | 15,0 WebKit 12.1 |
Notă: Pentru Chrome, Safari și Opera, folosiți prefixul webkitAnimationIteration.
Sintaxă
object.addEventListener("webkitAnimationIteration", myScript );
// Code for Chrome, Safari and Opera
object .addEventListener("animationiteration", myScript );
// Standard syntax
Notă: addEventListener() , metoda nu este acceptată în Internet Explorer 8 și versiunile anterioare.
Detalii tehnice
Bule: | da |
---|---|
anulabil: | Nu |
Tip de eveniment: | AnimationEvent |
DOM Versiune: | Nivelul 3 Evenimente |
Pagini similare
CSS Tutorial: CSS3 Animații
CSS Referință: CSS3 animation Property
CSS Referință: CSS3 animation-iteration-count Property
HTML DOM referință: Style animation Property de Style animation Property de Style animation Property
<Eveniment obiect