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'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.
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
Animation()-
Crée une nouvelle instance de l'objet
Animation.
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 de
timeline, est inactive ou n'a toujours pas été lancée, la valeur estnull.
Animation.effect-
Récupère et défini le
KeyframeEffectassocié à cette animation. Animation.finishedLecture seule-
Retourne la
Promiseterminée en cours pour cette animation.
Animation.id-
Récupère et défini le
Stringutilisé 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 la
Promiseprê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 la
timelineassociée à cette animation.
Gestionnaire d'événements
Animation.oncancel-
Retourne et définit le gestionnaire d'évènement pour l'évènement
cancel(annuler). Animation.onfinish-
Retourne et définit le gestionnaire d'évènement pour l'évènement
finish(terminer).
Méthodes
Animation.cancel()-
Supprime toutes les
keyframeEffectsdues à 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.
Spécifications
| Specification |
|---|
| Web Animations> # the-animation-interface> |
Compatibilité des navigateurs
Chargement…