ลำดับ SMIL

<seq> - อิเลเมนต์ SMIL ที่ใช้งานไปทั่วไป - กำหนดลำดับ

อิเลเมนต์ <seq>

อิเลเมนต์ <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">
  จะแสดงเป็นเวลาหนึ่งวินาที</h2>
  <h2 class="t" dur="2s">
  จะแสดงเป็นเวลาสองวินาที</h2>
  <h2 class="t" dur="3s">
  จะแสดงเป็นเวลาสามวินาที</h2>
</t:seq>
</body>
</html>

TIY