AnimationEvent elapsedTime Özellik
Örnek
Bir animasyonun kaç saniye çalıştığını öğrenin:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
Tanım ve Kullanım
elapsedTime özelliği, bir animasyon olayı meydana geldiğinde, bir animasyonun çalıştığı saniye sayısını döndürür.
Not: Animasyon duraklatılırsa (animasyon gecikmesi CSS özelliği kullanılarak) dönüş değeri etkilenmez.
Not: Animationstart olayı için bu özellik her zaman "0" döndürür.
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 | 6.0 | Yes | Yes |
Sözdizimi
event.elapsedTime
Teknik detaylar
Geri dönüş değeri: | Bir animasyonun çalıştığı saniye sayısını temsil eden bir Sayı |
---|
İlgili Sayfalar
HTML DOM referansı: animasyon başlatma Olayı
HTML DOM referansı: Animasyon yineleme Olayı
HTML DOM referansı: Animationend Olayı
HTML DOM referansı: AnimationEvent animasyonName Özellik
CSS referansı: CSS3 animasyon Özelliği
CSS referansı: CSS3 animasyon süresi Özellik