Animation

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis ⁨mars 2020⁩.

Expérimental:Il s'agit d'unetechnologie expérimentale.
Vérifiez attentivement letableau de compatibilité des navigateurs avant de l'utiliser en production.

L'interfaceAnimation del'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

Animation(): Crée une nouvelle instance de l'objetAnimation.

Propriétés

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 detimeline, est inactive ou n'a toujours pas été lancée, la valeur estnull.

Animation.effect: Récupère et défini leKeyframeEffect associé à cette animation.
Animation.finishedLecture seule: Retourne laPromise terminée en cours pour cette animation.

Animation.id: Récupère et défini leString utilisé pour identifier l'animation.
Animation.playStateLecture seule: Retourne une valeur énumérée qui décit l'état de lecture de l'animation.

Animation.playbackRate: Retourne et défini la fréquence de lecture de l'animation.

Animation.readyLecture seule: Retourne laPromise prête en cours pour l'animation.

Animation.startTime: Retourne et défini le moment prévu auquel la lecture de l'animation devrait commencer.

Animation.timeline: Retourne et défini latimeline associée à cette animation.

Gestionnaire d'événements

Animation.oncancel: Retourne et définit le gestionnaire d'évènement pour l'évènementcancel (annuler).
Animation.onfinish: Retourne et définit le gestionnaire d'évènement pour l'évènementfinish (terminer).

Méthodes

Animation.cancel(): Supprime toutes leskeyframeEffects dues à cette animation et interomp la lecture.

Animation.finish(): Cherche la fin de l'animation, en fonction que l'animation soit en lecture normale ou inversée.

Animation.pause(): Suspend la lecture de l'animation.

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.

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.