SMIL シーケンス

<seq> - 最も常用される SMIL 要素 - シーケンスを定義します。

シーケンス要素 <seq>

<seq> 要素はシーケンスを定義できます。<seq> 要素内のサブ要素はシーケンス内で順に表示されます。

あなたは <seq> 要素を使って表示する画像リスト、段落リスト、ビデオリスト、または他の要素を定義できます。

<seq> 要素には多くの属性がありますが、最も常用される属性には:

属性 説明
begin time 要素が表示される前にの遅延です。
dur time 表示する期間を設定します。
repeatCount number 表示する回数を設定します。

完全な SMIL 要素と属性リストについては、アクセスしてください CodeW3C.com SMIL リファレンスマニュアル

画像シーケンスの表示例

<html xmlns:t="urn:schemas-microsoft-com:time">
<head>
  <?import namespace="t" implementation="#default#time2">
  <style>.t {behavior: url(#default#time2)}</style>
</head>
<body>
<t:seq repeatCount="indefinite">
  <img class="t" src="image1.jpg" dur="1s" />
  <img class="t" src="image2.jpg" dur="1s" />
</t:seq>
</body>
</html>

TIY

テキストシーケンスの表示例

<html xmlns:t="urn:schemas-microsoft-com:time">
<head>
  <?import namespace="t" implementation="#default#time2">
  <style>.t {behavior: url(#default#time2)}</style>
</head>
<body>
<t:seq repeatCount="indefinite">
  <h2 class="t" dur="1s">
  1秒間表示します</h2>
  <h2 class="t" dur="2s">
  2秒間表示します</h2>
  <h2 class="t" dur="3s">
  3秒間表示します</h2>
</t:seq>
</body>
</html>

TIY