dur

SVG Elements
1. A
2. B-C
3. D
  1. <defs>
  2. <desc>
4. E
  1. <ellipse>
5. F
6. G
7. H
  1. <hkern>
8. I
  1. <image>
9. J-L
  1. <line>
  2. <linearGradient>
10. M
11. N-P
12. Q-R
  1. <radialGradient>
  2. <rect>
13. S
  1. <script>
  2. <set>
  3. <stop>
  4. <style>
  5. <svg>
  6. <switch>
  7. <symbol>
14. T
15. U
  1. <use>
16. V-Z
  1. <view>
  2. <vkern>

The dur attribute indicates the simple duration of an animation.

You can use this attribute with the following SVG elements:

Example

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>

Usage notes

Value	`<clock-value>` \| `media` \| `indefinite`
Default value	`indefinite`
Animatable	No

<clock-value>: This value specifies the length of the simple duration. The value must be greater than 0 and can be expressed with hours (h), minutes (m), seconds (s) or milliseconds (ms). It's possible to combine those time representations to create some complex durations like hh:mm:ss.iii or mm:ss.iii.
media: This value specifies the simple duration as the intrinsic media duration. This is only valid for elements that define media. (For animation elements the attribute will be ignored if media is specified.)
indefinite: This value specifies the simple duration as indefinite.

Note: the interpolation will not work if the simple duration is indefinite (although this may still be useful for <set> elements).

Specifications

Specification	Status	Comment
SVG Animations Level 2 The definition of 'dur' in that specification.	Editor's Draft	No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'dur' in that specification.	Recommendation	Initial definition

Browser compatibility

BCD tables only load in the browser