ตัวอย่าง
หาวิธีการหลายวินาทีภาพเคลื่อนไหวได้รับการทำงาน:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration",
myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML
= "Elapsed time: " + event.elapsedTime;
} ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการ ElapsedTime ส่งกลับจำนวนวินาทีภาพเคลื่อนไหวได้รับการทำงานที่เมื่อมีเหตุการณ์เกิดขึ้นนิเมชั่น
หมายเหตุ: ค่าตอบแทนจะไม่ได้รับผลกระทบหากการเคลื่อนไหวถูกหยุดชั่วคราว (by using the animation-delay CSS property)
หมายเหตุ: สำหรับ animationstart เหตุการณ์แห่งนี้เสมอกลับ "0"
สถานที่แห่งนี้เป็นอ่านอย่างเดียว
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| elapsedTime | ใช่ | 10.0 | 6.0 | ใช่ | ใช่ |
วากยสัมพันธ์
event .elapsedTimeรายละเอียดทางเทคนิค
| กลับค่า: | จำนวนคิดเป็นจำนวนวินาทีภาพเคลื่อนไหวได้รับการทำงาน |
|---|
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: เหตุการณ์ animationstart
อ้างอิง HTML DOM: เหตุการณ์ animationiteration
อ้างอิง HTML DOM: เหตุการณ์ animationend
อ้างอิง HTML DOM: AnimationEvent animationName Property
อ้างอิง CSS: CSS3 animation Property
อ้างอิง CSS: CSS3 animation-duration Property
<object เหตุการณ์