---
title: AnimationEvent.elapsedTime
slug: Web/API/AnimationEvent/elapsedTime
tags:
  - API
  - AnimationEvent
  - CSS Animations
  - Experimental
  - Property
  - Reference
translation_of: Web/API/AnimationEvent/elapsedTime
---
{{SeeCompatTable}}{{ apiref("AnimationEvent") }}

## Résumé

La propriété en lecture seule **`AnimationEvent.elapsedTime`** est un `float` indiquant la quantité de temps pendant laquelle l'animation a tournée, en secondes, quand l'évènement a été déclenché, excluant tout temps où l'animation était en pause. Pour un évènement ` "animationstart", ``elapsedTime` est `0.0` sauf si {{cssxref("animation-delay")}} a une valeur négative, dans ce cas l'évènement est déclenché avec `elapsedTime `contenant `(-1 * `_délai_`)`.

## Syntaxe

    temps = AnimationEvent.elapsedTime

## Spécifications

| Spécification                                                                                                                | Statut                                   | Commentaire         |
| ---------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | ------------------- |
| {{ SpecName('CSS3 Animations', '#AnimationEvent-elapsedTime', 'AnimationEvent.elapsedTime') }} | {{ Spec2('CSS3 Animations')}} | Première définition |

## Compatibilité des navigateurs

{{Compat("api.AnimationEvent.elapsedTime")}}

## Voir aussi

- [Utiliser les animations CSS](/fr/docs/CSS/Animations_CSS)
- Propriétés CSS et règles @ en relations avec les animations CSS: {{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")}}.
- L'interface {{domxref("AnimationEvent")}} à laquelle elle appartient.