Ö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