From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- files/fr/web/api/animation/index.md | 197 ++++++++++++-------------- files/fr/web/api/animation/starttime/index.md | 29 ++-- 2 files changed, 101 insertions(+), 125 deletions(-) (limited to 'files/fr/web/api/animation') diff --git a/files/fr/web/api/animation/index.md b/files/fr/web/api/animation/index.md index d2a3f61044..d8e34a9cdb 100644 --- a/files/fr/web/api/animation/index.md +++ b/files/fr/web/api/animation/index.md @@ -12,111 +12,92 @@ tags: - web animation api translation_of: Web/API/Animation --- -

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

- -

L'interface Animation de l'API Web Animations correspond à un lecteur d'animations et offre les commandes nécessaires au contrôle et à la chronologie d'un noeud ou d'une source d'animation.

- -

Constructeur

- -
-
{{domxref("Animation.Animation()", "Animation()")}}
-
Crée une nouvelle instance de l'objet Animation.
-
- -

Propriétés

- -
-
{{domxref("Animation.currentTime")}}
-
La valeur actuelle de temps de l'animation en millisecondes, que l'animation soit en pause ou en cours. Si l'animation ne possède pas de {{domxref("AnimationTimeline", "timeline")}}, est inactive ou n'a toujours pas été lancée, la valeur est null.
-
- -
-
{{domxref("Animation.effect")}}
-
Récupère et défini le {{domxref("KeyframeEffect")}} associé à cette animation.
-
{{domxref("Animation.finished")}} {{readOnlyInline}}
-
Retourne la Promise terminée en cours pour cette animation.
-
- -
-
{{domxref("Animation.id")}}
-
Récupère et défini le String utilisé pour identifier l'animation.
-
{{domxref("Animation.playState")}} {{readOnlyInline}}
-
Retourne une valeur énumérée qui décit l'état de lecture de l'animation.
-
- -
-
{{domxref("Animation.playbackRate")}}
-
Retourne et défini la fréquence de lecture de l'animation.
-
- -
-
{{domxref("Animation.ready")}} {{readOnlyInline}}
-
Retourne la Promise prête en cours pour l'animation.
-
- -
-
{{domxref("Animation.startTime")}}
-
Retourne et défini le moment prévu auquel la lecture de l'animation devrait commencer.
-
- -
-
{{domxref("Animation.timeline")}}
-
Retourne et défini la {{domxref("AnimationTimeline", "timeline")}} associée à cette animation.
-
- -

Gestionnaire d'événements

- -
-
{{domxref("Animation.oncancel")}}
-
Retourne et défini le gestionnaire d'événement pour l'événement cancel (annuler).
-
{{domxref("Animation.onfinish")}}
-
Retourne et défini le gestionnaire d'événement pour l'événement finish (terminer).
-
- -

Méthodes

- -
-
{{domxref("Animation.cancel()")}}
-
Supprime toutes les {{domxref("KeyframeEffect", "keyframeEffects")}} dues à cette animation et interomp la lecture.
-
- -
-
{{domxref("Animation.finish()")}}
-
Cherche la fin de l'animation, en fonction que l'animation soit en lecture normale ou inversée.
-
- -
-
{{domxref("Animation.pause()")}}
-
Suspend la lecture de l'animation.
-
- -
-
{{domxref("Animation.play()")}}
-
Démarre ou reprend la lecture de l'animation, ou redémarre l'animation au début si celle-ci est déjà terminée.
-
- -
-
{{domxref("Animation.reverse()")}}
-
Inverse la direction de lecture, en s'arrêtant au début de l'animation. Si l'animation est terminée ou annulée, elle sera jouée de la fin vers le début.
-
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationÉtatCommentaire
{{SpecName("Web Animations", "#the-animation-interface", "Animation")}}{{Spec2("Web Animations")}}Définition initiale
- -

Compatibilité des navigateurs

- -

{{Compat("api.Animation")}}

\ No newline at end of file +{{ APIRef("Web Animations API") }}{{SeeCompatTable}} + +L'interface **`Animation`** de [l'API Web Animations](/en-US/docs/Web/API/Web_Animations_API) correspond à un lecteur d'animations et offre les commandes nécessaires au contrôle et à la chronologie d'un noeud ou d'une source d'animation. + +## Constructeur + +- {{domxref("Animation.Animation()", "Animation()")}} + - : Crée une nouvelle instance de l'objet `Animation`. + +## Propriétés + +- {{domxref("Animation.currentTime")}} + - : La valeur actuelle de temps de l'animation en millisecondes, que l'animation soit en pause ou en cours. Si l'animation ne possède pas de {{domxref("AnimationTimeline", "timeline")}}, est inactive ou n'a toujours pas été lancée, la valeur est `null`. + + + +- {{domxref("Animation.effect")}} + - : Récupère et défini le {{domxref("KeyframeEffect")}} associé à cette animation. +- {{domxref("Animation.finished")}} {{readOnlyInline}} + - : Retourne la `Promise `terminée en cours pour cette animation. + + + +- {{domxref("Animation.id")}} + - : Récupère et défini le `String` utilisé pour identifier l'animation. +- {{domxref("Animation.playState")}} {{readOnlyInline}} + - : Retourne une valeur énumérée qui décit l'état de lecture de l'animation. + + + +- {{domxref("Animation.playbackRate")}} + - : Retourne et défini la fréquence de lecture de l'animation. + + + +- {{domxref("Animation.ready")}} {{readOnlyInline}} + - : Retourne la `Promise `prête en cours pour l'animation. + + + +- {{domxref("Animation.startTime")}} + - : Retourne et défini le moment prévu auquel la lecture de l'animation devrait commencer. + + + +- {{domxref("Animation.timeline")}} + - : Retourne et défini la {{domxref("AnimationTimeline", "timeline")}} associée à cette animation. + +### Gestionnaire d'événements + +- {{domxref("Animation.oncancel")}} + - : Retourne et défini le gestionnaire d'événement pour l'événement `cancel `(annuler). +- {{domxref("Animation.onfinish")}} + - : Retourne et défini le gestionnaire d'événement pour l'événement `finish` (terminer). + +## Méthodes + +- {{domxref("Animation.cancel()")}} + - : Supprime toutes les {{domxref("KeyframeEffect", "keyframeEffects")}} dues à cette animation et interomp la lecture. + + + +- {{domxref("Animation.finish()")}} + - : Cherche la fin de l'animation, en fonction que l'animation soit en lecture normale ou inversée. + + + +- {{domxref("Animation.pause()")}} + - : Suspend la lecture de l'animation. + + + +- {{domxref("Animation.play()")}} + - : Démarre ou reprend la lecture de l'animation, ou redémarre l'animation au début si celle-ci est déjà terminée. + + + +- {{domxref("Animation.reverse()")}} + - : Inverse la direction de lecture, en s'arrêtant au début de l'animation. Si l'animation est terminée ou annulée, elle sera jouée de la fin vers le début. + +## Spécifications + +| Spécification | État | Commentaire | +| ------------------------------------------------------------------------------------------------ | ------------------------------------ | ------------------- | +| {{SpecName("Web Animations", "#the-animation-interface", "Animation")}} | {{Spec2("Web Animations")}} | Définition initiale | + +## Compatibilité des navigateurs + +{{Compat("api.Animation")}} diff --git a/files/fr/web/api/animation/starttime/index.md b/files/fr/web/api/animation/starttime/index.md index 48d8361bf8..9ea48fff52 100644 --- a/files/fr/web/api/animation/starttime/index.md +++ b/files/fr/web/api/animation/starttime/index.md @@ -11,30 +11,25 @@ tags: translation_of: Web/API/Window/mozAnimationStartTime original_slug: Web/API/Window/mozAnimationStartTime --- -

{{APIRef("Mozilla Extensions")}}{{Non-standard_Header}}{{Obsolete_Header("Gecko42")}}

+{{APIRef("Mozilla Extensions")}}{{Non-standard_Header}}{{Obsolete_Header("Gecko42")}} -

Renvoie l'heure, en millisecondes depuis l'époque, à laquelle les animations ont commencé maintenant doivent être considérées comme ayant commencé. Cette valeur doit être utilisée à la place, par exemple, Date.now(), car cette valeur sera la même pour toutes les animations lancées dans cette fenêtre pendant cet intervalle d'actualisation, leur permettant de rester synchronisées les unes avec les autres.

+Renvoie l'heure, en millisecondes depuis l'époque, à laquelle les animations ont commencé maintenant doivent être considérées comme ayant commencé. Cette valeur doit être utilisée à la place, par exemple, [`Date.now()`](/en/JavaScript/Reference/Global_Objects/Date/now), car cette valeur sera la même pour toutes les animations lancées dans cette fenêtre pendant cet intervalle d'actualisation, leur permettant de rester synchronisées les unes avec les autres. -

Cela permet également aux animations basées sur JavaScript de rester synchronisées avec les transitions CSS et les animations SMIL déclenchées pendant le même intervalle d'actualisation.

+Cela permet également aux animations basées sur JavaScript de rester synchronisées avec les transitions CSS et les animations SMIL déclenchées pendant le même intervalle d'actualisation. -

Syntaxe

+## Syntaxe -
time = window.mozAnimationStartTime;
-
+ time = window.mozAnimationStartTime; -

Paramètres

+### Paramètres - +- _`time`_ est le temps en millisecondes depuis l'époque à laquelle les animations de la fenêtre actuelle doivent être considérées comme ayant démarré. -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("api.Window.mozAnimationStartTime")}}

+{{Compat("api.Window.mozAnimationStartTime")}} -

Voir également

+## Voir également - +- {{domxref("window.mozRequestAnimationFrame()")}} +- {{domxref("window.onmozbeforepaint")}} -- cgit v1.2.3-54-g00ecf