En son web geliştirme öğreticiler
 

TransitionEvent elapsedTime Property

<Olay Nesne

Örnek

bir geçiş çalışmakta olduğu kaç saniye öğrenin:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);

function myFunction(event) {
    this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Kendin dene "

Tanımı ve Kullanımı

Bir zaman ElapsedTime özelliği, bir geçiş çalışmakta olduğu saniye değerini verir transitionend olayı oluşur.

Not: geçiş durdurulmuş, dönüş değeri etkilenmez (by using the transition-delay CSS property) .

Bu özellik salt okunur.


Tarayıcı Desteği

Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.

özellik
elapsedTime Evet 10.0 Evet Evet Evet

Sözdizimi

event .elapsedTime

Teknik detaylar

Geri dönüş değeri: saniye sayısını temsil eden bir sayı, bir geçiş çalışmakta olduğu

İlgili Sayfalar

HTML DOM referansı: transitionend Olay

HTML DOM referansı: TransitionEvent propertyName Property

CSS referansı: CSS3 transition Property

CSS referansı: CSS3 transition-duration Property


<Olay Nesne