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.

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>

Verwendungsnotizen

Wert <number> | indefinite
Standardwert Keiner
Animierbar Nein
<number>

Dieser Wert gibt die Anzahl der Iterationen an. Es können auch Teiliteration als Bruchwerte angegeben werden. Ein Bruchwert beschreibt einen Teil der einfachen Dauer. Werte müssen größer als 0 sein.

indefinite

Dieser Wert gibt an, dass die Animation unendlich oft wiederholt wird (d.h. bis das Dokument endet).

Spezifikationen

Specification
SVG Animations Level 2
# RepeatCountAttribute

Browser-Kompatibilität