repeatCount

repeatCount 属性指示动画执行的次数。

您可以将此属性与以下 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"
      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>

使用说明

<number> | indefinite
默认值
可动画
<number>

此值指定迭代次数。它可以包含表示小数部分的迭代次数,表示为分数值。分数值表示简单持续时间的某个部分。值必须大于0

indefinite

此值表示动画将无限期地重复(即,直到文档结束)。

规范

规范
SVG 动画级别 2
# RepeatCountAttribute

浏览器兼容性

BCD 表格仅在浏览器中加载