Urutan SMIL

<seq> - Elemen SMIL yang paling sering digunakan - menentukan urutan.

Elemen urutan <seq>

Elemen <seq> dapat menentukan urutan.<seq> elemen anak ditampilkan secara berurutan di dalam urutan.

Anda dapat menggunakan elemen <seq> untuk menentukan daftar gambar, daftar paragraf, daftar video, atau elemen lain yang akan ditampilkan.

Elemen <seq> memiliki banyak atribut, atribut yang paling sering digunakan adalah:

Atribut Nilai Deskripsi
begin time Waktu jeda sebelum elemen ditampilkan.
dur time Setel durasi penampilan.
repeatCount number Setel frekuensi penampilan.

Untuk daftar lengkap elemen dan atribut SMIL, kunjungi CodeW3C.com Referensi SMIL

Contoh: Menampilkan urutan gambar

<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

Contoh: Menampilkan urutan teks

<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">
  Saya akan menampilkan selama satu detik</h2>
  <h2 class="t" dur="2s">
  Saya akan menampilkan selama dua detik</h2>
  <h2 class="t" dur="3s">
  Saya akan menampilkan selama tiga detik</h2>
</t:seq>
</body>
</html>

TIY