Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit März 2020 browserübergreifend verfügbar.

Das Animation-Interface der Web Animations API repräsentiert einen einzelnen Animations-Player und bietet Wiedergabesteuerungen sowie eine Zeitleiste für einen Animationsknoten oder eine Quelle.

Konstruktor

Animation(): Erstellt eine neue Instanz eines Animation-Objekts.

Instanz-Eigenschaften

Animation.currentTime: Der aktuelle Zeitwert der Animation in Millisekunden, unabhängig davon, ob sie läuft oder pausiert ist. Falls die Animation keine timeline hat, inaktiv ist oder noch nicht abgespielt wurde, ist ihr Wert null.
Animation.effect: Ruft den mit dieser Animation verbundenen AnimationEffect ab oder setzt ihn. Dies ist in der Regel ein KeyframeEffect-Objekt.
Animation.finished Schreibgeschützt: Gibt das aktuelle abgeschlossene Promise für diese Animation zurück.
Animation.id: Holt und setzt die String, die zur Identifikation der Animation verwendet wird.
Animation.overallProgress Schreibgeschützt: Gibt eine Zahl zwischen 0 und 1 zurück, die den Gesamterfolg der Animation in Richtung ihres Endzustands anzeigt.
Animation.pending Schreibgeschützt: Gibt an, ob die Animation derzeit auf eine asynchrone Operation wartet, wie z.B. das Initiieren der Wiedergabe oder das Pausieren einer laufenden Animation.
Animation.playState Schreibgeschützt: Gibt einen enumerierten Wert zurück, der den Wiedergabestatus einer Animation beschreibt.
Animation.playbackRate: Ruft die Wiedergabegeschwindigkeit der Animation ab oder setzt sie.
Animation.ready Schreibgeschützt: Gibt das aktuelle bereit-Promise für diese Animation zurück.
Animation.replaceState Schreibgeschützt: Gibt an, ob die Animation aktiv ist, automatisch entfernt wurde, nachdem sie durch eine andere Animation ersetzt wurde, oder explizit durch einen Aufruf von Animation.persist() beibehalten wurde.
Animation.startTime: Holt oder setzt die geplante Zeit, wann die Wiedergabe einer Animation beginnen soll.
Animation.timeline: Ruft die mit dieser Animation verknüpfte timeline ab oder setzt sie.

Instanz-Methoden

Animation.cancel(): Löscht alle durch diese Animation verursachten keyframeEffects und bricht deren Wiedergabe ab.
Animation.commitStyles(): Übernimmt den aktuellen Styling-Zustand einer Animation auf das animierte Element, auch nachdem diese Animation entfernt wurde. Es wird bewirken, dass der aktuelle Styling-Zustand in Form von Eigenschaften innerhalb eines style-Attributs auf das animierte Element geschrieben wird.
Animation.finish(): Springt zum Ende einer Animation, abhängig davon, ob die Animation abgespielt oder rückwärts abgespielt wird.
Animation.pause(): Unterbricht die Wiedergabe einer Animation.
Animation.persist(): Beibehält eine Animation explizit und verhindert, dass sie automatisch entfernt wird, wenn eine andere Animation sie ersetzt.
Animation.play(): Startet oder setzt die Wiedergabe einer Animation fort oder beginnt die Animation erneut, wenn sie zuvor beendet wurde.
Animation.reverse(): Kehrt die Wiedergaberichtung um und stoppt am Anfang der Animation. Falls die Animation beendet oder nicht abgespielt ist, wird sie vom Ende zum Anfang abgespielt.
Animation.updatePlaybackRate(): Setzt die Geschwindigkeit einer Animation, nachdem zuerst die Wiedergabeposition synchronisiert wurde.

Ereignisse

cancel: Wird ausgelöst, wenn die Methode Animation.cancel() aufgerufen wird oder wenn die Animation vom Zustand "idle" aus einem anderen Zustand in den Zustand "idle" wechselt.
finish: Wird ausgelöst, wenn die Animation das Abspielen beendet.
remove: Wird ausgelöst, wenn die Animation vom Browser automatisch entfernt wird.

Spezifikationen

Spezifikation
Web Animations # the-animation-interface

Browser-Kompatibilität

Siehe auch

Web Animations API

Help improve MDN

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.