시간 4...
시간 3...
시간 2...
시간 1...
시간 수치가 점차 줄어 0에 도달하면 이미지가 나타난다. 단추를 클릭하면 beginElement 메서드로 시간 개체가 다시 시작된다.
<HTML xmlns:t ="urn:schemas-microsoft-com:time">
<STYLE>.time{ behavior: url(#default#time2);}</STYLE>
<T:SEQ id="seqObj" class="time" style="font-size:30;text-align:center;line-height:1.2em">
<SPAN class="time" style="Color:Red;" timeaction="display" dur="1">시간 5...<BR></SPAN>
<SPAN class="time" style="Color:Green;" timeaction="display" dur="1">시간 4...<BR></SPAN>
<SPAN class="time" style="Color:Blue;" timeaction="display" dur="1">시간 3...<BR></SPAN>
<SPAN class="time" style="Color:Orange;" timeaction="display" dur="1">시간 2...<BR></SPAN>
<SPAN class="time" style="Color:Purple;" timeaction="display" dur="1">시간 1...<BR></SPAN>
<IMG class="time" dur="indefinite" src="../../gif/sun.gif" width="50"/>
</T:SEQ><BR>
<BUTTON id="btn" onclick="seqObj.beginElement();">다시 시작</BUTTON>