tutorial pengembangan web terbaru
 

AnimationEvent elapsedTime Property

<Object Acara

Contoh

Cari tahu berapa banyak detik animasi telah berjalan:

var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);

function myRepeatFunction(event) {
    this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
Cobalah sendiri "

Definisi dan Penggunaan

Properti elapsedTime mengembalikan jumlah detik animasi sudah berjalan, ketika sebuah peristiwa animasi terjadi.

Catatan: Nilai kembali tidak terpengaruh jika animasi dihentikan sementara (by using the animation-delay CSS property) .

Catatan: Untuk animationstart acara, properti ini selalu mengembalikan "0" .

Properti ini adalah read-only.

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.

Milik
elapsedTime iya nih 10,0 6.0 iya nih iya nih

Sintaksis

event .elapsedTime

Rincian teknis

Kembali Nilai: Sebuah Nomor, mewakili jumlah detik animasi telah berjalan

Pages terkait

Referensi HTML DOM: The animationstart Acara

Referensi HTML DOM: The animationiteration Acara

Referensi HTML DOM: The animationend Acara

Referensi HTML DOM: AnimationEvent animationName Property

Referensi CSS: CSS3 animation Property

Referensi CSS: CSS3 animation-duration Property

<Object Acara