Exemplu
Aflați cât de multe secunde o tranziție a rulat:
document.getElementById("myDIV").addEventListener("transitionend",
myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Încearcă - l singur » Definiție și utilizare
Proprietatea elapsedTime returnează numărul de secunde o tranziție a funcționat, atunci când un transitionend are loc evenimentul.
Notă: Valoarea returnată nu este afectată în cazul în care tranziția este întreruptă (by using the transition-delay CSS property) de (by using the transition-delay CSS property) .
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 | da | da | da |
Sintaxă
event .elapsedTime
Detalii tehnice
Întoarcere Valoare: | Un număr, reprezentând numărul de secunde o tranziție a rulat |
---|
Pagini similare
HTML DOM referință: transitionend Evenimentul
HTML DOM referință: TransitionEvent propertyName Property
Referință CSS: CSS3 transition Property de CSS3 transition Property de CSS3 transition Property
Referință CSS: CSS3 transition-duration Property de CSS3 transition-duration Property
<Eveniment obiect