คุณสมบัติ elapsedTime ของ AnimationEvent

เหตุการณ์ DOM AnimationEvent

การประกาศและการใช้งาน

คุณสมบัติ elapsedTime นำกลับเวลาที่อนิมาชั่นได้ปฏิบัติงานไปแล้ว ขณะที่เกิดเหตุการณ์อนิมาชั่น。

หมายเหตุ:ค่าที่นำกลับมาไม่ได้รับผลกระทบ ถ้าอนิมาชั่นหยุดงาน (ด้วยการใช้คุณสมบัติ CSS animation-delay)。

หมายเหตุ:สำหรับ เหตุ animationstart،คุณสมบัตินี้จะยังคงนำกลับ "0" ตลอดเวลา。

หมายเหตุ:คุณสมบัตินี้เป็นอุปกรณ์ที่เพียงการอ่านเท่านั้น。

ตัวอย่าง

จัดการเวลาที่อนิมาชั่นปฏิบัติงานแล้ว:

var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
  this.innerHTML = "Elapsed time: " + event.elapsedTime;
}

ลองทดลองเอง

การเขียนระบบ

event.elapsedTime

รายละเอียดเทคนิค

ค่าที่นำกลับมา: ค่าเลขาศาสตร์，ที่แสดงเวลาที่เคลื่อนไหวของอนิมาชั่นในวินาที。

การสนับสนุนโปรแกรมน่าทึ่ง

ตัวเลขในตารางระบุอุปกรณ์แรกที่สนับสนุนคุณสมบัตินี้ทั้งหมด。

คุณสมบัติ Chrome IE Firefox Safari Opera
elapsedTime สนับสนุน 10.0 6.0 สนับสนุน สนับสนุน

เพจที่เกี่ยวข้อง

คู่มือ HTML DOM:เหตุ animationstart

คู่มือ HTML DOM:เหตุ animationiteration

คู่มือ HTML DOM:เหตุ animationend

คู่มือ HTML DOM:ตัวแปร animationName ของ AnimationEvent

คู่มือ CSS:คุณสมบัติ animation ของ CSS3

คู่มือ CSS:คุณสมบัติ animation-duration ของ CSS3

เหตุการณ์ DOM AnimationEvent