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