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