Exemplu
Aflați cât de multe secunde, o animație a fost difuzate:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration",
myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML
= "Elapsed time: " + event.elapsedTime;
} Încearcă - l singur » Definiție și utilizare
Proprietatea elapsedTime returnează numărul de secunde o animație a funcționat, atunci când are loc un eveniment de animație.
Notă: Valoarea returnată nu este afectată în cazul în care animația este întreruptă (by using the animation-delay CSS property) .
Notă: Pentru animationstart eveniment, această proprietate returnează întotdeauna "0" .
Această proprietate este read-only.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| elapsedTime | da | 10.0 | 6 | da | da |
Sintaxă
event .elapsedTimeDetalii tehnice
| Întoarcere Valoare: | Un număr, care reprezintă numărul de secunde o animație a fost difuzate |
|---|
Pagini similare
HTML DOM referință: animationstart Evenimentul
HTML DOM referință: animationiteration Evenimentul
HTML DOM referință: animationend Evenimentul
HTML DOM referință: AnimationEvent animationName Property
Referință CSS: CSS3 animation Property
Referință CSS: CSS3 animation-duration Property de CSS3 animation-duration Property
<Eveniment obiect