Sifat elapsedTime AnimationEvent

Peristiwa DOM Peristiwa AnimationEvent

Definisi dan penggunaan

Sifat elapsedTime mengembalikan detik animasi yang telah berjalan saat terjadi peristiwa animasi.

Keterangan:Nilai kembalian tidak terpengaruh jika animasi dihentikan (dengan menggunakan sifat CSS animation-delay).

Keterangan:Untuk Peristiwa animationstart, sifat ini selalu mengembalikan "0".

Keterangan:Sifat ini hanya baca.

Contoh

Tentukan berapa lama animasi berjalan dalam detik:

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

Coba sendiri

Sintaks

event.elapsedTime

Detil teknikal

Nilai kembalian: Nilai angka, menunjukkan detik animasi berjalan.

Dukungan pereksa

Angka di dalam tabel menunjukkan versi pereksa pertama yang mendukung sifat ini penuhnya.

Sifat Chrome IE Firefox Safari Opera
elapsedTime Dukung 10.0 6.0 Dukung Dukung

页面相关

Panduan Rujukan DOM HTML:Peristiwa animationstart

Panduan Rujukan DOM HTML:Peristiwa animationiteration

Panduan Rujukan DOM HTML:Peristiwa animationend

Panduan Rujukan DOM HTML:Sifat animationName Peristiwa AnimationEvent

Panduan Rujukan CSS:Sifat animation CSS3

Panduan Rujukan CSS:Sifat animation-duration CSS3

Peristiwa DOM Peristiwa AnimationEvent