ตัวอย่าง
หาวิธีการหลายวินาทีการเปลี่ยนแปลงที่ได้รับการทำงาน:
document.getElementById("myDIV").addEventListener("transitionend",
myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
} ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการ ElapsedTime ส่งกลับจำนวนวินาทีการเปลี่ยนแปลงที่ได้รับการเรียกใช้เมื่อ transitionend เหตุการณ์เกิดขึ้น
หมายเหตุ: ค่าตอบแทนไม่ได้รับผลกระทบหากเปลี่ยนแปลงจะหยุดชั่วคราว (โดยใช้ทรัพย์สินเปลี่ยนแปลงล่าช้าแบบ CSS)
สถานที่แห่งนี้เป็นอ่านอย่างเดียว
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| elapsedTime | ใช่ | 10.0 | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
event .elapsedTimeรายละเอียดทางเทคนิค
| กลับค่า: | ตัวเลขแทนจำนวนวินาทีที่เปลี่ยนแปลงได้รับการทำงาน |
|---|
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: เหตุการณ์ transitionend
อ้างอิง HTML DOM: TransitionEvent บริการ PROPERTYNAME
อ้างอิง CSS: CSS3 การเปลี่ยนแปลงสถานที่ให้บริการ
อ้างอิง CSS: CSS3 การเปลี่ยนแปลงระยะเวลาสถานที่ให้บริการ
วัตถุที่จัดกิจกรรม