首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

repeatdur

此属性指定重复的总时间。

用法说明

分类

动画计时属性

<clock-value> | “不定”

动画

没有

规范性文件

SVG 1.1(第二版)

<clock-value>

时钟值与SMIL动画规范中的语法相同。时钟值的语法在这里重复:

代码语言:javascript
复制
Clock-val         ::= Full-clock-val | Partial-clock-val 
                      | Timecount-val
Full-clock-val    ::= Hours ":" Minutes ":" Seconds ("." Fraction)?
Partial-clock-val ::= Minutes ":" Seconds ("." Fraction)?
Timecount-val     ::= Timecount ("." Fraction)? (Metric)?
Metric            ::= "h" | "min" | "s" | "ms"
Hours             ::= DIGIT+; any positive number
Minutes           ::= 2DIGIT; range from 00 to 59
Seconds           ::= 2DIGIT; range from 00 to 59
Fraction          ::= DIGIT+
Timecount         ::= DIGIT+
2DIGIT            ::= DIGIT DIGIT
DIGIT             ::= [0-9]

对于Timecount值,默认度量标准后缀是“s”(秒)。时钟值不允许嵌入的空白字符,尽管前导和尾随的空白字符将被忽略。

以下是合法时钟值的示例:

  • 完整时钟值: 02:30:03 = 2小时30分3秒 50:00:10.25= 50小时10秒250毫秒
  • 部分时钟值:

02:33 = 2分33秒

00:10.5 = 10.5秒= 10秒和500毫秒

  • 时间计数值:
  • 3.2h = 3.2小时= 3小时12分钟
  • 45min = 45分钟
  • 30s = 30秒
  • 5ms = 5毫秒
  • 12.467 = 12秒和467毫秒分数值仅为(基数为10)浮点定义的秒数。
  • 因此:00.5s = 500 milliseconds
  • 00:00.005 = 5 milliseconds
  • ExampleElements以下元素可以使用该repeatDur属性
  • 动画元素»

扫码关注腾讯云开发者

领取腾讯云代金券