dur

例

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>

使用上のメモ

<clock-value>

この値は、単独の再生時間の長さを指定します。値は 0 より大きく、時間 (h)、分 (m)、秒 (s) またはミリ秒 (ms) で表すことができます。これらの時間表記を組み合わせて、hh:mm:ss.iii や mm:ss.iii のような複雑な持続時間を作成することもできます。

media

この値は、単独の再生時間を内在的なメディア再生時間で指定します。これは、メディアを定義する要素に対してのみ有効です。 （アニメーション要素の場合、media が指定されていると、この属性は無視されます。）

indefinite

この値は、単独の再生時間を「無期限」として指定します。

仕様書

ブラウザーの互換性