SMIL Timing
Timing 表示何时开始,并何时结束。
Timelines 和 Timing
大多数 SMIL 元素使用计时属性来定义呈现的时间线。
计时属性定义了元素的开始的时间,以及持续的时间。
下面的表格列出了可能的时间格式:
格式 | 例子 |
---|---|
hh:mm:ss.f |
1:50:00 (1 小时 50 分) 10:50 (10 分 50 秒) 10.5 (10.5 秒) |
number [h|min|s|ms] |
3.5h (3.5 小时) 3.5min (3.5 分钟) 3.5sec (3.5 秒) 35ms (35 毫秒) |
wallclock (YYY-MM-DDThh:mm:ss+zone) | wallclock(2003-08-01T12:10:30+1.00) ( 12 点之后 10 分 30 秒, 2003 年 8 月 1 日, 协调世界时 + 1 小时) |
值 "indefinite" 可用于定义不结束的循环。
持续时间
元素的持续时间(duration,dur="5s") 属性定义了元素的可见时长:
- <html>
- <head>
- <style>.t {behavior: url(#default#time2)}</style>
- </head>
- <body>
- <img class="t" src="image1.jpg" dur="5s" />
- </body>
- </html>
从何时开始?
begin (begin="2s") 属性定义元素从何时起可见(开始播放):
- <html>
- <head>
- <style>.t {behavior: url(#default#time2)}</style>
- </head>
- <body>
- <img class="t" src="image1.jpg" begin="2s" />
- </body>
- </html>