Tempo SMIL

Temporização representa quando começa e quando termina.

Linhas do Tempo e Temporização

A maioria dos elementos SMIL usa a propriedade de tempo para definir a linha do tempo de apresentação.

A propriedade de tempo define o início do elemento e a duração.

A tabela a seguir lista os possíveis formatos de tempo:

formato exemplo
hh:mm:ss.f
  • 1:50:00 (1 hora 50 minutos)
  • 10:50 (10 minutos 50 segundos)
  • 10,5 (10,5 segundos)

número

[h|min|s|ms]
  • 3.5h (3.5 horas)
  • 3.5min (3.5 minutos)
  • 3.5sec (3.5 segundos)
  • 35ms (35 milissegundos)

wallclock

(YYY-MM-DDThh:mm:ss+zone)

wallclock(2003-08-01T12:10:30+1.00)

(12:10:30, 1 de agosto de 2003, Hora Universal Coordenada + 1 hora)

O valor "indefinite" pode ser usado para definir um loop que não termina.

Duração

A propriedade de duração (duration, dur="5s") define o tempo de visibilidade do elemento:

<html>
<head>
  <style>.t {behavior: url(#default#time2)}</style>
</head>
<body>
<img class="t" src="image1.jpg" dur="5s" />
</body>
</html>

TIY

De quando em diante?

A propriedade "begin" (begin="2s") define quando o elemento se torna visível (começa a reproduzir):

<html>
<head>
  <style>.t {behavior: url(#default#time2)}</style>
</head>
<body>
<img class="t" src="image1.jpg" begin="2s" />
</body>
</html>

TIY