Thuộc tính elapsedTime của TransitionEvent

Sự kiện DOM TransitionEvent

Định nghĩa và cách sử dụng

Khi xảy ra Sự kiện transitionendKhi đó, thuộc tính elapsedTime sẽ trả về số giây đã chạy của chuyển đổi.

Chú ý:Nếu chuyển đổi tạm dừng (bằng cách sử dụng thuộc tính CSS transition-delay), giá trị trả về sẽ không bị ảnh hưởng.

Chú ý:Thuộc tính này chỉ đọc.

Mẫu

Đảm bảo过渡运行了多少秒：

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "Chuyển đổi đã diễn ra: " + event.elapsedTime + " giây";
}

Thử trực tiếp

Cú pháp

event.elapsedTime

Chi tiết kỹ thuật

Giá trị trả về: Giá trị số, biểu thị số giây đã chạy của chuyển đổi.

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn thuộc tính này.

Thuộc tính Chrome IE Firefox Safari Opera
elapsedTime Hỗ trợ 10.0 Hỗ trợ Hỗ trợ Hỗ trợ

Trang liên quan

Tài liệu tham khảo HTML DOM:Sự kiện transitionend

Tài liệu tham khảo HTML DOM:Thuộc tính propertyName của TransitionEvent

Tài liệu tham khảo CSS:Thuộc tính transition của CSS3

Tài liệu tham khảo CSS:Thuộc tính transition-duration của CSS3

Sự kiện DOM TransitionEvent