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
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
elapsedTime
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
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
AnimationEventinterface it belongs to.