Thuộc tính TransitionEvent ElapsedTime
Thí dụ
Tìm hiểu xem một quá trình chuyển đổi đã chạy trong bao nhiêu giây:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Định nghĩa và Cách sử dụng
Thuộc tính elapsedTime trả về số giây mà một quá trình chuyển đổi đang chạy, khi một sự kiện chuyển tiếp xảy ra.
Lưu ý: Giá trị trả về không bị ảnh hưởng nếu quá trình chuyển đổi bị tạm dừng (bằng cách sử dụng thuộc tính CSS độ trễ chuyển tiếp).
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 | Yes | 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 quá trình chuyển đổi đã chạy |
---|
Các trang liên quan
Tham chiếu DOM HTML: Sự kiện chuyển tiếp
Tham chiếu HTML DOM: TransitionEvent propertyName Thuộc tính
Tham khảo CSS: Thuộc tính chuyển tiếp CSS3
Tham chiếu CSS: Thuộc tính thời gian chuyển đổi CSS3