repeatCount
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.
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
0sein. indefinite-
Dieser Wert bedeutet, dass die Animation unendlich oft wiederholt wird (d.h. bis das Dokument endet).
Spezifikationen
| Spezifikation |
|---|
| SVG Animations Level 2 # RepeatCountAttribute |