TransitionEvent elapsedTime 속성

DOM 이벤트 TransitionEvent

정의와 사용법

당시 transitionend 이벤트이때, elapsedTime 속성은 전환이 실행된 초 수를 반환합니다.

주의사항:전환이 일시 중지되었을 경우 (CSS 속성 transition-delay를 사용하여), 반환 값은 영향을 받지 않습니다.

주의사항:이 속성은 읽기 전용입니다.

예제

전환이 실행된 시간을 확인하세요:

document.getElementById("myDIV").addEventListener("transitionend", myFunction);
function myFunction(event) {
  this.innerHTML = "전환이 지속된 시간: " + event.elapsedTime + " 초";
}

본인이 직접 시도해 보세요

문법

event.elapsedTime

기술 세부 사항

반환 값: 숫자 값은 전환이 실행된 초 수를 나타냅니다.

브라우저 지원

표에서의 숫자는 이 속성을 최초로 지원한 브라우저 버전을 나타냅니다.

속성 Chrome IE Firefox Safari 오페라
elapsedTime 지원 10.0 지원 지원 지원

관련 페이지

HTML DOM 참조 설명서:transitionend 이벤트

HTML DOM 참조 설명서:TransitionEvent propertyName 속성

CSS 참조 설명서:CSS3 transition 속성

CSS 참조 설명서:CSS3 transition-duration 속성

DOM 이벤트 TransitionEvent