TransitionEvent elapsedTime Özellik
Örnek
Bir geçişin kaç saniye sürdüğünü öğrenin:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Tanım ve Kullanım
elapsedTime özelliği, bir geçiş olayı meydana geldiğinde, bir geçişin çalıştığı saniye sayısını döndürür .
Not: Geçiş duraklatılırsa (geçiş gecikmesi CSS özelliği kullanılarak) dönüş değeri etkilenmez.
Bu özellik salt okunurdur.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | Yes | Yes | Yes |
Sözdizimi
event.elapsedTime
Teknik detaylar
Geri dönüş değeri: | Bir geçişin çalıştığı saniye sayısını temsil eden bir Sayı |
---|
İlgili Sayfalar
HTML DOM referansı: Geçiş Sonu Etkinliği
HTML DOM referansı: TransitionEvent propertyName Özellik
CSS referansı: CSS3 geçişi Özellik
CSS referansı: CSS3 geçiş süresi Özellik