AnimationEvent: elapsedTime property
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.
The AnimationEvent.elapsedTime
read-only property is a
float
giving the amount of time the animation has been running, in seconds,
when this event fired, excluding any time the animation was paused. For an
animationstart
event,
elapsedTime
is 0.0
unless there was a negative value for
animation-delay
, in which case the event will be fired with
elapsedTime
containing (-1 * delay)
.
Value
A float
giving the amount of time in seconds.
Specifications
Specification |
---|
CSS Animations Level 1 # dom-animationevent-elapsedtime |
Browser compatibility
BCD tables only load in the browser
See also
- Using CSS animations
-
Animation-related CSS properties and at-rules:
animation
,animation-delay
,animation-direction
,animation-duration
,animation-fill-mode
,animation-iteration-count
,animation-name
,animation-play-state
,animation-timing-function
,@keyframes
. - The
AnimationEvent
interface it belongs to.