AnimationEvent elapsedTime Property
Contoh
Cari tahu berapa detik animasi telah berjalan:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
Definisi dan Penggunaan
Properti elapsedTime mengembalikan jumlah detik animasi telah berjalan, saat peristiwa animasi terjadi.
Catatan: Nilai kembalian tidak terpengaruh jika animasi dijeda (dengan menggunakan properti CSS animasi-tunda).
Catatan: Untuk acara animationstart , properti ini selalu mengembalikan "0".
Properti ini hanya-baca.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | 6.0 | Yes | Yes |
Sintaksis
event.elapsedTime
Detail Teknis
Nilai Kembali: | Angka, mewakili jumlah detik animasi telah berjalan |
---|
Halaman Terkait
Referensi DOM HTML: Acara animationstart
Referensi DOM HTML: Acara animasiiterasi
Referensi HTML DOM: Acara Animationend
Referensi HTML DOM: AnimationEvent animationName Properti
Referensi CSS: Properti animasi CSS3
Referensi CSS: Properti durasi animasi CSS3