SMIL Reeks

<seq> - Meest gebruikte SMIL element - Definieert een reeks.

Reeks element <seq>

<seq> element kan een reeks definiëren. De onderliggende elementen van het <seq> element worden in de volgorde van de reeks weergegeven.

U kunt het <seq> element gebruiken om een lijst van afbeeldingen, lijst van paragrafen, lijst van video's, of andere elementen te definiëren die moeten worden weergegeven.

<seq> element heeft veel eigenschappen, de meest gebruikte eigenschappen zijn:

Eigenschap Waarde Beschrijving
begin time Vertraging voordat het element wordt weergegeven
dur time Stel de duur van de weergave in
repeatCount number Stel het aantal herhalingsmaal van de weergave in

Bezoek voor een volledige lijst van SMIL-elementen en eigenschappen CodeW3C.com SMIL Referentiehandleiding。

Voorbeeld: Beeldsequentie weergeven

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

Try It Yourself (TIY)

Voorbeeld: Tekstsequentie weergeven

<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">
  Ik zal één seconde displayen</h2>
  <h2 class="t" dur="2s">
  Ik zal twee seconden displayen</h2>
  <h2 class="t" dur="3s">
  Ik zal drie seconden displayen</h2>
</t:seq>
</body>
</html>

Try It Yourself (TIY)