SMIL タイミング

タイミングは、いつ始まるか、いつ終わるかを示します。

タイムラインとタイミング

ほとんどのSMIL要素は、計時属性を使用して表示時間ラインを定義します。

計時属性は、要素の開始時間と持続時間を定義します。

以下のテーブルには、可能な時間形式が示されています：

形式 例
hh:mm:ss.f
  • 1:50:00（1時間50分）
  • 10:50（10分50秒）
  • 10.5（10.5秒）

数値

[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)

(2003年8月1日、12時10分30秒、協定世界時 +1時間、12点後10分30秒)

値 "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>

TIY

いつから始まる？

begin (begin="2s") 属性は、要素がどのタイミングから見える（再生開始）かを定義します：

<html>
<head>
  <style>.t {behavior: url(#default#time2)}</style>
</head>
<body>
<img class="t" src="image1.jpg" begin="2s" />
</body>
</html>

TIY