Örnek
Bir animasyon çalışmakta olduğu kaç saniye öğrenin:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration",
myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML
= "Elapsed time: " + event.elapsedTime;
} Kendin dene " Tanımı ve Kullanımı
Animasyon olay gerçekleştiğinde ElapsedTime özelliği, bir animasyon çalışmakta olduğu saniye sayısını verir.
Not: animasyon durdurulmuş, dönüş değeri etkilenmez (by using the animation-delay CSS property) .
Not: For animationstart olay, bu özellik her zaman döndürür "0" .
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 | 6 | Evet | Evet |
Sözdizimi
event .elapsedTimeTeknik detaylar
| Geri dönüş değeri: | saniye olarak bir animasyon temsil eden bir sayı, çalışan edilmiştir |
|---|
İlgili Sayfalar
HTML DOM referansı: animationstart Olay
HTML DOM referansı: animationiteration Olay
HTML DOM referansı: animationend Olay
HTML DOM referansı: AnimationEvent animationName Property
CSS referansı: CSS3 animation Property
CSS referansı: CSS3 animation-duration Property
<Olay Nesne