repeatCount
Базовый уровень Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна во всех браузерах с января 2020 года.
Атрибут repeatCount указывает количество повторений анимации.
Этот атрибут можно использовать со следующими SVG-элементами:
Пример
<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> |
Совместимость с браузерами
| Настольные компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari для iOS | Samsung Internet | WebView Android | WebView для iOS | |
repeatCount |
2 | 79 | 4 | 15 | 4 | 18 | 4 | 14 | 3.2 | 1.0 | 4.4 | 3.2 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/repeatCount
