SMIL 타이밍

타이밍은 언제 시작되고 언제 끝나는지를 나타냅니다。

시간선과 타이밍

대부분의 SMIL 요소는 계산 속성을 사용하여 표시 시간선을 정의합니다。

계산 속성은 요소가 시작하는 시간과 지속 시간을 정의합니다。

아래 표는 가능한 시간 형식을 나열합니다:

형식 예제
hh:mm:ss.f
  • 1:50:00 (1 시간 50 분)
  • 10:50 (10 분 50 초)
  • 10.5 (10.5 초)

숫자

[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)

(2003년 8월 1일, 12:10:30, 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