Contoh
Cari tahu berapa banyak detik transisi telah berjalan:
document.getElementById("myDIV").addEventListener("transitionend",
myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
} Cobalah sendiri " Definisi dan Penggunaan
Properti elapsedTime mengembalikan jumlah detik transisi telah berjalan, ketika transitionend peristiwa terjadi.
Catatan: Nilai kembali tidak terpengaruh jika transisi dijeda (dengan menggunakan properti CSS transisi-delay).
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 | iya nih | iya nih | iya nih |
Sintaksis
event .elapsedTimeRincian teknis
| Kembali Nilai: | Sebuah Nomor, mewakili jumlah detik transisi telah berjalan |
|---|
Pages terkait
Referensi HTML DOM: The transitionend Acara
Referensi HTML DOM: TransitionEvent propertyName Properti
Referensi CSS: CSS3 Properti transisi
Referensi CSS: CSS3 Properti transisi durasi
Obyek acara