지정된 시간에 시간 엘레멘트를 시작한다.
반환값은 없다.
모체의 시간이 지정된 시간에 도달하기 전에 beginElementAt 메서드가 작동되면 beginElementAt 메서드로 지정한 시간에 엘레멘트가 시작된다.
그렇지 않다면 엘레멘트 시간은 즉시 시작된다.
beginElementAt 메서드가 이전 값과 같거나 보다 적은 값으로 한번이상 엘레멘트 시간에서 작동되면, 무시된다.
| 개체 | script | IE |
|---|
이 메서드는 (영문)SMIL 2.0(Synchronized Multimedia Integration Language)에서 정의되었다.
beginElementAt 메서드로 지정된 시간에 엘레멘트를 시작한다.
<HTML xmlns:t ="urn:schemas-microsoft-com:time">
<STYLE>.time{ behavior: url(#default#time2);font-size:16pt;}</STYLE>
<SCRIPT>
function doBegin(){
if ((secondToStart.value<=document.body.currTimeState.activeTime)|(secondToStart.value==null)){
showA.innerText='문서 타이머보다 큰 정수를 입력하여야 한다.';
secondToStart.value='';
secondToStart.focus();
return;
} else showA.innerText='';
t1.beginElementAt(secondToStart.value);
}
</SCRIPT>
문서 타이머:<SPAN id="Timer" class="time" dur=".01" repeatCount="indefinite" fill="hold"
onrepeat="innerText=parseInt(document.body.currTimeState.activeTime);">0</SPAN><BR>
시간용기 타이머:<SPAN id="Timer" class="time" dur=".01" repeatCount="indefinite" fill="hold"
onrepeat="innerText=parseInt(t1.currTimeState.activeTime);">0</SPAN><BR><BR>
<T:excl id="t1" begin="0" class="time" dur="27">
<DIV id="s1" class="time" style="Color:Red; " begin="1" DUR="5">첫째 개체 5초간 보임</DIV>
<DIV id="s2" class="time" style="Color:Green;" begin="6" DUR="5">둘째 개체 5초간 보임</DIV>
<DIV id="s3" class="time" style="Color:Blue;" begin="11" DUR="5">세째 개체 5초간 보임</DIV>
<DIV id="s4" class="time" style="Color:Orange;" begin="16" DUR="5">네째 개체 5초간 보임</DIV>
<DIV id="s5" class="time" style="Color:Purple;" begin="21" DUR="5">마지막 개체 5초간 보임</DIV>
</T:excl>
새로 시작할 시간을 입력 <INPUT type="number" name="secondToStart" size="3" /><SPAN style=width:2em></SPAN>
<BUTTON id="b1" onclick="doBegin()">확인</BUTTON>
<DIV id=showA> </DIV>