Временная шкала SMIL

Тайминг указывает, когда начнется и когда закончится.

Временные линии и тайминг

Большинство элементов SMIL используют свойства таймера для определения временной линии презентации.

Свойства таймера определяют время начала элемента и его продолжительность.

Ниже приведена таблица с возможными форматами времени:

Формат Пример
hh:mm:ss.f
  • 1:50:00 (1 час 50 минут)
  • 10:50 (10 минут 50 секунд)
  • 10.5 (10.5 секунды)

number

[h|min|s|ms]
  • 3.5h (3.5 часа)
  • 3.5min (3.5 минуты)
  • 3.5sec (3.5 секунды)
  • 35ms (35 миллисекунд)

wallclock

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

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

(12:10:30, 1 августа 2003 года, UTC + 1 час)

Значение "indefinite" можно использовать для определения бесконечного цикла.

Продолжительность

Атрибут продолжительности (duration, dur="5s") определяет продолжительность видимости элемента:

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

TIY

С какого момента?

Атрибут begin (begin="2s") определяет, с какого момента элемент виден (начало воспроизведения):

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

TIY