TransitionEvent elapsedTime özelliği

DOM olayları TransitionEvent

Tanım ve Kullanım

Oldukça transitionend olayıBu durumda, elapsedTime özelliği geçişin kaç saniye sürdüğünü döner.

Açıklama:Geçiş askıya alındıysa (CSS özelliği transition-delay ile), dönüş değeri etkilenmez.

Açıklama:Bu özellik yalnızca okunabilir.

Örnek

Geçiş kaç saniye sürdüğünü belirleyin:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "Geçiş süresi: " + event.elapsedTime + " saniye";
}

Kişisel olarak deneyin

Gramer

event.elapsedTime

Teknik Ayrıntılar

Dönüş değeri: Geçişin çalıştığı saniyeyi gösteren rakam değeri.

Tarayıcı Desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Özellik Chrome IE Firefox Safari Opera
elapsedTime Destek 10.0 Destek Destek Destek

İlgili sayfalar

HTML DOM referans el kitabı:transitionend olayı

HTML DOM referans el kitabı:TransitionEvent propertyName özelliği

CSS referans el kitabı:CSS3 transition özelliği

CSS referans el kitabı:CSS3 transition-duration özelliği

DOM olayları TransitionEvent