TransitionEvent elapsedTime Property
Contoh
Cari tahu berapa detik transisi telah berjalan:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Definisi dan Penggunaan
Properti elapsedTime mengembalikan jumlah detik transisi telah berjalan, ketika peristiwa transisi akhir terjadi.
Catatan: Nilai kembalian tidak terpengaruh jika transisi dijeda (dengan menggunakan properti CSS transisi-tunda).
Properti ini hanya-baca.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | Yes | Yes | Yes |
Sintaksis
event.elapsedTime
Detail Teknis
Nilai Kembali: | Angka, mewakili jumlah detik transisi telah berjalan |
---|
Halaman Terkait
Referensi DOM HTML: Acara akhir transisi
Referensi HTML DOM: TransitionEvent propertyName Property
Referensi CSS: Properti transisi CSS3
Referensi CSS: Properti durasi transisi CSS3