Secuencia SMIL

<seq> - Elemento SMIL más común - define una secuencia.

Elemento de secuencia <seq>

El elemento <seq> define una secuencia. Los elementos secundarios dentro del elemento <seq> se muestran en el orden en que aparecen en la secuencia.

Puede usar el elemento <seq> para definir la lista de imágenes que se mostrarán, la lista de párrafos, la lista de videos o cualquier otro elemento.

El elemento <seq> tiene muchas propiedades, las más comunes son:

Atributo Valor Descripción
begin tiempo Retraso antes de que el elemento se muestre.
dur tiempo Configurar la duración de la visualización.
repeatCount número Configurar el número de veces que se muestra.

Para obtener una lista completa de elementos y atributos SMIL, visite Manual de Referencia SMIL de CodeW3C.com。

Ejemplo: Mostrar secuencia de imágenes

<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

Ejemplo: Mostrar secuencia de texto

<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">
  Se mostrará durante un segundo</h2>
  <h2 class="t" dur="2s">
  Se mostrará durante dos segundos</h2>
  <h2 class="t" dur="3s">
  Se mostrará durante tres segundos</h2>
</t:seq>
</body>
</html>

TIY