AnimationEvent elapsedTime özelliği

DOM olayları AnimationEvent

Tanım ve kullanım

elapsedTime özelliği, bir animasyon olayı olduğunda animasyonun kaç saniye çalıştığını döner.

Açıklama:Eğer animasyon durdurulursa (CSS özelliği animation-delay ile), dönüş değeri etkilenmez.

Açıklama:İçin animationstart olayıBu özellik her zaman "0" döner.

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

Örnek

Kaç saniye çalıştığını belirleyin:

var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
  this.innerHTML = "Elapsed time: " + event.elapsedTime;
}

Kişisel olarak deneyin

Sözdizimi

event.elapsedTime

Teknik ayrıntılar

Dönüş değeri: Saniye cinsinden çalışma süresini gösteren rakam değeri.

Tarayıcı desteği

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

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

İlgili sayfa

HTML DOM referans el kitabı:animationstart olayı

HTML DOM referans el kitabı:animationiteration olayı

HTML DOM referans el kitabı:animationend olayı

HTML DOM referans el kitabı:AnimationEvent animationName özelliği

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

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

DOM olayları AnimationEvent