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

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

No specification found

No specification data found for undefined.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.