지정된 시간에 엘레멘트의 시간을 중지시킨다.
반환값은 없다.
모체 개체가 그 지정된 시간에 도달하기 전 언제나 endElementAt이 작용되면, 엘레멘트는 그 endElementAt 메서드에 의하여 지정된 시간 싯점에서 중지될 것이다. 아니면 엘레멘트는 그 종료 시간에 도달할 때까지 계속적으로 플레이될 것이다.
| 개체 | script | IE |
|---|
이 메서드는 (영문)SMIL 2.0(Synchronized Multimedia Integration Language)에서 정의되었다.
endElementAt 메서드가 엘레멘트 시간을 지정된 시간에 중지시킨다.
<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<STYLE>.time { behavior: url(#default#time2) }</STYLE>
<SCRIPT>
function doEnd(){
if(setEnd.value<=document.body.currTimeState.activeTime||setEnd.value==null||isNaN(setEnd.value)){
showA.innerHTML='문서의 시간값보다 큰 정수이어야 한다.';
} else {
timeObj.endElementAt(setEnd.value);
showA.innerHTML=setEnd.value;
}
}
</SCRIPT>
<IMPORT namespace="t" implementation="#default#time2">
</HEAD>
<BODY>
문서 Timer: <SPAN id="bTimer" class="time" dur=".01" repeatCount="indefinite" fill="hold"
onrepeat="innerText=parseInt(document.body.currTimeState.activeTime);">0</SPAN><BR>
시간용기 Timer: <SPAN id="Timer" class="time" dur=".01" repeatCount="indefinite" fill="hold"
onrepeat="innerText=parseInt(timeObj.currTimeState.activeTime);">0</SPAN><BR>
<t:EXCL id="timeObj" repeatDur="indefinite">
<DIV id="div1" class="time" begin="0" dur="4" style="border:solid 1 blue">div1은 4초동안 디스플레이된다.</DIV>
<DIV id="div2" class="time" begin="4" dur="4" style="border:solid 1 red">div2는 4초동안 디스플레이된다.</DIV>
</t:EXCL>
종료될 시간 입력 : <INPUT name="setEnd" size="3" />
<BUTTON id="but1" onclick="doEnd()">확인</BUTTON>
<BUTTON id="but2" onclick="timeObj.beginElement();showA.innerHTML=setEnd.value=''">다시 시작</BUTTON>
<DIV id=showA>결과 표시창</DIV>
</BODY>
</HTML>