Ultimele tutoriale de dezvoltare web
 

animationiteration Eveniment

<Eveniment obiect

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