dur

Das dur-Attribut gibt die einfache Dauer einer Animation an.

Dieses Attribut kann mit den folgenden SVG-Elementen verwendet werden:

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

Verwendungshinweise

Wert <clock-value> | media | indefinite
Standardwert indefinite
Animierbar Nein
<clock-value>

Dieser Wert gibt die Länge der einfachen Dauer an. Der Wert muss größer als 0 sein und kann in Stunden (h), Minuten (m), Sekunden (s) oder Millisekunden (ms) ausgedrückt werden. Es ist möglich, diese Zeitrepräsentationen zu kombinieren, um komplexe Dauern wie hh:mm:ss.iii oder mm:ss.iii zu erstellen.

media

Dieser Wert gibt die einfache Dauer als intrinsische Mediadauer an. Dies ist nur für Elemente gültig, die Medien definieren. (Bei Animationselementen wird das Attribut ignoriert, wenn media angegeben wird.)

indefinite

Dieser Wert gibt die einfache Dauer als unbestimmt an.

Hinweis: Die Interpolation wird nicht funktionieren, wenn die einfache Dauer unbestimmt ist (obwohl dies möglicherweise für <set>-Elemente nützlich sein kann).

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.

Browser-Kompatibilität