repeatCount

The repeatCount attribute indicates the number of times an animation will take place. You can use this attribute with the following SVG elements:  <animate> <animateColor> <animateMotion> <animateTransform> <set> 

Example

<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="5"/>
  </rect>
  <rect x="120" y="0" width="100" height="100">
    <animate attributeType="XML" attributeName="y" from="0" to="50"
        dur="1s" repeatCount="indefinite"/>
  </rect>
</svg>


Usage notes

   Value 
<number> | indefinite
   Default value None   Animatable No     <number>  This value specifies the number of iterations. It can include partial iterations expressed as fraction values. A fractional value describes a portion of the simple duration. Values must be greater than 0.  indefinite  This value indicates that the animation will be repeated indefinitely (i.e. until the document ends).  
Specifications

Specification
SVG Animations Level 2 # RepeatCountAttribute

Browser compatibility




Desktop
Mobile



Chrome
Edge
Firefox
Internet Explorer
Opera
Safari
WebView Android
Chrome Android
Firefox for Android
Opera Android
Safari on IOS
Samsung Internet



repeatCount
No
No
No
No
No
No
No
No
No
No
No
No



    
{'path': 'public/docs/svg/attribute/repeatcount.html', 'source': 'DevDocs.IO'}