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.

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.
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

Browser-Kompatibilität