Thuộc tính TransitionEvent trôi quaThời gian
Ví dụ
Tìm hiểu xem quá trình chuyển đổi đã chạy bao nhiêu giây:
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
Hãy tự mình thử »Sự miêu tả
Thuộc tính elapsedTime trả về số giây mà quá trình chuyển đổi đã chạy khi xảy ra sự kiện chuyển tiếp .
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.
Cú pháp
event .elapsedTime
Chi tiết kỹ thuật
Giá trị trả về: | Một Số, biểu thị số giây mà quá trình chuyển đổi đã chạy |
---|
Trang liên quan
Tham chiếu DOM HTML: Sự kiện chuyển tiếp
Tham chiếu DOM HTML: Thuộc tính TransitionEvent propertyName
Tham khảo CSS: Thuộc tính chuyển tiếp CSS3
Tham chiếu CSS: Thuộc tính thời lượng chuyển tiếp CSS3
Hỗ trợ trình duyệt
event.elapsedTime
là tính năng DOM Cấp 3 (2004).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt hiện đại:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 11 |