Beispiel
Pausieren eine Animation:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationPlayState = "paused";
// Standard syntax
document.getElementById("myDIV").style.animationPlayState = "paused"; Versuch es selber " Definition und Verwendung
Die animationPlayState Eigenschaft gibt an, ob die Animation oder pausiert läuft.
Note: Verwenden Sie diese Eigenschaft eine Animation in der Mitte eines Zyklus zu unterbrechen.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von Webkit, Moz oder O der erste Version angeben, die mit einem Präfix gearbeitet.
| Eigentum | |||||
|---|---|---|---|---|---|
| animationPlayState | 43.0 4.0 Webkit | 10.0 | 16.0 5,0 Moz | 4.0 Webkit | 30.0 15,0 Webkit 12.1 12.0 O |
Hinweis: Chrome, Safari und Opera eine Alternative unterstützen, die WebkitAnimation Eigenschaft.
Syntax
Bringen Sie die animationPlayState Eigenschaft:
object .style.animationPlayState Stellen Sie die animationPlayState Eigenschaft:
object .style.animationPlayState="running|paused|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| running | Standardwert. Gibt an, dass die Animation läuft |
| paused | Gibt an, dass die Animation pausiert |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | Laufen |
|---|---|
| Rückgabewert: | Ein String, die die Animation-play-Zustand Eigenschaft eines Elements |
| CSS Version | CSS3 |
Verwandte Seiten
CSS - Referenz: animation-play-state property - animation-play-state property
<Style - Objekt