repeatDur

Das repeatDur-Attribut gibt die Gesamtdauer für die Wiederholung einer Animation an.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

Beispiel

html,
body,
svg {
  height: 100%;
}

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"
      repeatDur="5s" />
  </rect>
  <rect x="120" y="0" width="100" height="100">
    <animate
      attributeType="XML"
      attributeName="y"
      from="0"
      to="50"
      dur="1s"
      repeatDur="indefinite" />
  </rect>
</svg>

Anwendungshinweise

Wert	`<clock-value>` \| `indefinite`
Standardwerte	Keine
Animierbar	Nein

<clock-value>: Dieser Wert gibt die Dauer in Präsentationszeit an, um die Animation zu wiederholen.
indefinite: Dieser Wert zeigt an, dass die Animation unendlich oft wiederholt wird (d.h. bis das Dokument endet).

Spezifikationen

Specification
SVG Animations Level 2 # RepeatDurAttribute