VOOZH about

URL: https://www.geeksforgeeks.org/html/svg-repeatdur-attribute/

⇱ SVG repeatDur Attribute - GeeksforGeeks

  • Courses
  • Tutorials
  • Interview Prep

SVG repeatDur Attribute

Last Updated : 23 Jul, 2025

The repeatDur attribute specifies the total duration to repeat the animation. 

The elements that uses this attribute are: 

  • <animate> element
  • <animateColor> element
  • <animateMotion> element
  • <animateTransform> element
  • <set> element

Syntax:

repeatDur = clock-value || indefinite

Attribute Values: The repeatDur attribute accepts the values mentioned above and described below:

  • clock-value: It indicates the time duration to repeat the animation.
  • indefinite: It specifies that the animation will repeat indefinitely.

The below examples illustrate the use of the repeatDur attribute.

Example 1:

Output:

👁 repeatdur-1

Example 2:

Output:

👁 repeatdur-2
Comment