TransitionEvent 경과 시간 속성
예시
전환이 실행된 시간(초)을 확인합니다.
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
this.innerHTML = "Transition lasted: " + event.elapsedTime + " seconds";
}
정의 및 사용
elapsedTime 속성은 transitionend 이벤트가 발생할 때 전환이 실행된 시간(초)을 반환 합니다.
참고: 전환이 일시 중지된 경우 반환 값은 영향을 받지 않습니다(transition-delay CSS 속성 사용).
이 속성은 읽기 전용입니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
elapsedTime | Yes | 10.0 | Yes | Yes | Yes |
통사론
event.elapsedTime
기술적 세부 사항
반환 값: | 전환이 실행된 시간(초)을 나타내는 숫자 |
---|
관련 페이지
HTML DOM 참조: transitionend 이벤트
HTML DOM 참조: TransitionEvent propertyName 속성
CSS 참조: CSS3 전환 속성
CSS 참조: CSS3 transition-duration 속성