AnimationEvent: elapsedTime 속성

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

AnimationEvent.elapsedTime 읽기 전용 속성은 이벤트가 발생한 시점까지 애니메이션이 재생된 총 시간을 나타내는 float 값입니다. 초 단위며, 애니메이션이 일시정지된 시간은 제외합니다. animationstart 이벤트의 elapsedTime은 animation-delay의 값이 음수인 경우에만 (-1 * delay)가 되고, 그 외에는 0.0입니다.

값

초 단위의 시간을 나타내는 float입니다.

명세서

Specification
CSS Animations Level 1 # dom-animationevent-elapsedtime

브라우저 호환성

BCD tables only load in the browser

같이 보기

CSS 애니메이션 사용하기
애니메이션 관련 CSS 속성과 @규칙: animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, @keyframes
이 속성이 속한 AnimationEvent 인터페이스.