엘레멘트를 플레이하기 전의 지연시간을 반환하거나 지정한다.

인수
: (속성 시간)
속성값은 시간이 시작되는 싯점을 나타내는 문자열로 하나 이상의 다음값이다.

0 디폴트이며 즉시 시작된다.
clock-value 시간 양식에 기술된 h:min:s.f와 같은 양식의 시간값(clock value)이다.
id.event[+clock-value] 엘레멘트의 시작시간 begin은 event가 발생된 기준으로 정의된다.
clock-value는 선택적이다.
indefinite 엘레멘트의 시작시간 begin은 beginElement 메서드 호출로 결정된다.

이 속성은 읽기/쓰기로 디폴트값은 0이다.

특기

begin 속성은 time2 비헤이버로서, 이전 time 비헤비어의 beginAfter와 beginWith 속성들의 기능을 포함하며 갱신된 것이다.

begin 애트리뷰트는 여러개의 begin 시간값을 할당할 수 있다. 예를들어

begin="obj.onfocus+10s" 한 개체(obj)가 초점을 받고 10초 후에 엘레멘트 플레이를 시작한다.
begin="obj.end-15s" 엘레멘트가 obj 이 시작되기 15초 전에 시작한다.
begin="5; obj2.click+1" 페이지가 로딩되고 5초 후나 사용자가 페이지 위의 개체를 클릭하고 1초후에 엘레멘트를 시작한다.

begin 속성을 이벤트 발생에 상대적으로 지정하려면

begin="element.onevent"나
begin="element.event";를 사용하면 된다.

excl 시간 용기의 자식에서의 디폴트 값은 indefinite이다.

이 속성은 IE6부터 transitionFilter에도 적용된다.

적용
개체scriptHTML규격IE
참고

HTML+time2 begin dur end

이 속성은 (영문) W3C SMIL 2.0(Synchronized Multimedia Integration Language)에서 정의되었다.


begin 속성 예제

문단 1 : 문서가 로딩되면 즉시 플레이되어 3초간 지속된다.

문단 2 : 문단 1이 사라진 1초 후 디스플레이되어 4초간 지속된다.

문단 1, 문단 2가 완료되고 시간이 종료된다.

<STYLE>.time{ behavior: url(#default#time2);border:solid 1 blue;padding:5}</STYLE>
<DIV style=height:6em;width:450>
<P id="p1Obj" class=time style="color:red;" begin="0" dur="3" timeAction="display"><B>문단 1</B> :
  문서가 로딩되면 즉시 플레이되어 3초간 지속된다.</P>
<P id="p2Obj" class=time style="color:blue;" begin="4" dur="4" timeAction="display"><B>문단 2</B> :
문단 1이 사라진 1초 후 디스플레이되어 4초간 지속된다.</P>
<P class=time begin="8" dur="indefinite" timeAction="display">문단 1, 문단 2가 완료되고 시간이 종료된다.</P>
</DIV>
<BUTTON onclick="p1Obj.beginElement()">문단 1 다시 시작</BUTTON>
<BUTTON onclick="p2Obj.beginElement()">문단 2 다시 시작</BUTTON>

event에 연관된 속성 예제

문단 A : 단추가 클릭된 2초 후에 디스플레이되어 5초간 지속된다.

<STYLE>.time{ behavior: url(#default#time2);}</STYLE>
<P id="pAObj" class=time style="color:blue;" begin="butObj.click+2" dur="5" timeAction="display"><B>문단 A</B> :
단추가 클릭된 2초 후에 디스플레이되어 5초간 지속된다.</P>
<BUTTON id="butObj">문단 A 시작</BUTTON>