Dasdur-Attribut gibt die einfache Dauer einer Animation an.

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

• <animate>
• <animateMotion>
• <animateTransform>
• <set>

Beispiel

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

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

Anwendungshinweise

<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) angegeben werden. Es ist möglich, diese Zeitangaben zu kombinieren, um komplexe Dauern wiehh:mm:ss.iii odermm:ss.iii zu erstellen.

media

Dieser Wert gibt die einfache Dauer als die intrinsische Mediendauer an. Dies ist nur für Elemente gültig, die Medien definieren.(FürAnimationselemente wird das Attribut ignoriert, wennmedia angegeben ist.)

indefinite

Dieser Wert gibt die einfache Dauer als unbestimmt an.

Spezifikationen

Browser-Kompatibilität