repeatDur
repeatDur 属性は、アニメーションを繰り返し再生する合計再生時間を指定します。
この属性は、以下の SVG 要素で使用することができます。
例
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>
使用上のメモ
| 値 |
<clock-value>
| indefinite
|
|---|---|
| デフォルト値 | なし |
| アニメーション | 不可 |
<clock-value>-
この値は、アニメーションを繰り返し再生する表示時間における再生時間を示します。
indefinite-
この値は、アニメーションが無限に繰り返されることを示します（つまり、文書の表示が終わるまで繰り返されます）。
仕様書
| Specification |
|---|
| SVG Animations Level 2 # RepeatDurAttribute |