Style animationDuration Eigenschaft
Beispiele
Ändern Sie die animationDuration-Eigenschaft des <div>-Elements:
document.getElementById("myDIV").style.animationDuration="3s";
Selbst ausprobieren »
Definition und Verwendung
Die animationDuration-Eigenschaft definiert die Anzahl der Sekunden, die eine Animation benötigt, um einen Zyklus abzuschließen.
Browser-Unterstützung
![]()
![]()
![]()
![]()
![]()
Nur Firefox unterstützt die animationDuration-Eigenschaft.
Syntax
Gibt die animationDuration-Eigenschaft zurück:
object.style.animationDuration
Setzen Sie die animationDuration-Eigenschaft:
object.style.animationDuration="time|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| time | Gibt die Dauer der Animation an. Der Standardwert ist 0, was bedeutet, dass keine Animation vorhanden ist. |
| initial | Setzt diese Eigenschaft auf ihren Standardwert. Sieheinitial。 |
| inherit | Erbt diese Eigenschaft von seinem Elternelement. Sieheinherit。 |
Technische Details
| Standardwert: | 0 |
|---|---|
| Rückgabewert: | Ein String, der die animation-duration-Eigenschaft eines Elements repräsentiert. |
| CSS-Version | CSS3 |
Ähnliche Artikel
CSS-Referenz:animation-duration-Eigenschaft
Andere Erweiterungen
Style-Objekt