index.md

---

title: AnimationEvent.elapsedTime
slug: Web/API/AnimationEvent/elapsedTime
page-type: web-api-instance-property
browser-compat: api.AnimationEvent.elapsedTime

---

{{APIRef("Web Animations API")}}

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 {{domxref("Element/animationstart_event", "animationstart")}} event, elapsedTime is 0.0 unless there was a negative value for {{cssxref("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

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• Using CSS animations

• Animation-related CSS properties and at-rules: {{cssxref("animation")}}, {{cssxref("animation-delay")}}, {{cssxref("animation-direction")}}, {{cssxref("animation-duration")}}, {{cssxref("animation-fill-mode")}}, {{cssxref("animation-iteration-count")}}, {{cssxref("animation-name")}}, {{cssxref("animation-play-state")}}, {{cssxref("animation-timing-function")}}, {{cssxref("@keyframes")}}.

• The {{domxref("AnimationEvent")}} interface it belongs to.