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") 属性定义了元素的可见时长:

  1. <html>
  2. <head>
  3. <style>.t {behavior: url(#default#time2)}</style>
  4. </head>
  5. <body>
  6.  
  7. <img class="t" src="image1.jpg" dur="5s" />
  8.  
  9. </body>
  10. </html>

从何时开始?

begin (begin="2s") 属性定义元素从何时起可见(开始播放):

  1. <html>
  2. <head>
  3. <style>.t {behavior: url(#default#time2)}</style>
  4. </head>
  5. <body>
  6.  
  7. <img class="t" src="image1.jpg" begin="2s" />
  8.  
  9. </body>
  10. </html>