Thuộc tính AnimationEvent elapsedTime
Thí dụ
Tìm hiểu xem một hoạt ảnh đã chạy trong bao nhiêu giây:
var x = document.getElementById("myDIV");
x.addEventListener("animationiteration", myRepeatFunction);
function myRepeatFunction(event) {
this.innerHTML = "Elapsed time: " + event.elapsedTime;
}
Định nghĩa và Cách sử dụng
Thuộc tính elapsedTime trả về số giây hoạt ảnh đã chạy khi một sự kiện hoạt ảnh xảy ra.
Lưu ý: Giá trị trả về không bị ảnh hưởng nếu hoạt ảnh bị tạm dừng (bằng cách sử dụng thuộc tính CSS animation-delay).
Lưu ý: Đối với sự kiện animationstart , thuộc tính này luôn trả về "0".
Thuộc tính này là chỉ đọc.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | 6.0 | Yes | Yes |
Cú pháp
event.elapsedTime
Chi tiết kỹ thuật
Giá trị trả lại: | Một Số, đại diện cho số giây mà một hoạt ảnh đã chạy |
---|
Các trang liên quan
Tham chiếu DOM HTML: Sự kiện animationstart
Tham chiếu HTML DOM: Sự kiện hoạt hình
Tham chiếu DOM HTML: Sự kiện hoạt hình
Tham chiếu DOM HTML: AnimationEvent animationName Thuộc tính
Tham chiếu CSS: Thuộc tính hoạt ảnh CSS3
Tham chiếu CSS: Thuộc tính thời lượng hoạt ảnh CSS3