Style animationPlayState -Eigenschaft
Beispiel
Anhalten einer Animation:
document.getElementById("myDIV").style.animationPlayState = "paused";
Definition und Verwendung
Die Eigenschaft animationPlayState gibt an, ob die Animation ausgeführt oder angehalten wird.
Hinweis: Verwenden Sie diese Eigenschaft, um eine Animation mitten in einem Zyklus anzuhalten.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Zahlen gefolgt von Webkit, Moz oder O geben die erste Version an, die mit einem Präfix funktioniert hat.
Property | |||||
---|---|---|---|---|---|
animationPlayState | 43.0 4.0 Webkit |
10.0 | 16.0 5.0 Moz |
9.0 4.0 Webkit |
30.0 15.0 Webkit 12.1 12.0 O |
Syntax
Geben Sie die Eigenschaft animationPlayState zurück:
object.style.animationPlayState
Legen Sie die Eigenschaft animationPlayState fest:
object.style.animationPlayState = "running|paused|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
running | Default value. Specifies that the animation is running |
paused | Specifies that the animation is paused |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | Laufen |
---|---|
Rückgabewert: | Ein String, der die Animation-Play-State-Eigenschaft eines Elements darstellt |
CSS-Version | CSS3 |
Verwandte Seiten
CSS-Referenz: Animation-Play-State-Eigenschaft