repeatDur

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

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"
      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>

Verwendungshinweise

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 unbegrenzt wiederholt wird (d.h. bis das Dokument endet).

Spezifikationen

Specification
SVG Animations Level 2
# RepeatDurAttribute