repeatCount
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Please take two minutes to fill out our short survey.
Das repeatCount
-Attribut gibt an, wie oft eine Animation ausgeführt wird.
Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:
Beispiel
html
<svg viewBox="0 0 220 150" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="100" height="100">
<animate
attributeType="XML"
attributeName="y"
from="0"
to="50"
dur="1s"
repeatCount="5" />
</rect>
<rect x="120" y="0" width="100" height="100">
<animate
attributeType="XML"
attributeName="y"
from="0"
to="50"
dur="1s"
repeatCount="indefinite" />
</rect>
</svg>
Verwendungshinweise
Wert | <number> | indefinite |
---|---|
Standardwert | Keiner |
Animierbar | Nein |
<number>
-
Dieser Wert legt die Anzahl der Wiederholungen fest. Er kann auch Teilwiederholungen in Form von Bruchwerten umfassen. Ein Bruchwert beschreibt einen Teil der einfachen Dauer. Werte müssen größer als
0
sein. indefinite
-
Dieser Wert bedeutet, dass die Animation unendlich oft wiederholt wird (d.h. bis das Dokument endet).
Spezifikationen
Specification |
---|
SVG Animations Level 2 # RepeatCountAttribute |