Vlastnost TransitionEvent elapsedTime
Příklad
Zjistěte, kolik sekund přechod probíhal:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Definice a použití
Vlastnost elapsedTime vrací počet sekund, po který přechod probíhal, když dojde k události transitionend .
Poznámka: Vrácená hodnota není ovlivněna, pokud je přechod pozastaven (pomocí vlastnosti CSS transition-delay).
Tato vlastnost je pouze pro čtení.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | Yes | Yes | Yes |
Syntax
event.elapsedTime
Technické údaje
Návratová hodnota: | Číslo představující počet sekund, po který přechod probíhal |
---|
Související stránky
Odkaz HTML DOM: Událost přechodu
HTML DOM reference: TransitionEvent propertyName Property
CSS reference: CSS3 transition Property
CSS reference: CSS3 transition-duration Property