¼¼±×¸àÆ® ½Ã°£ segmentTime¿¡ ÇØ´çÇÏ´Â ¿¤·¹¸àÆ®ÀÇ ´Ü¼ø½Ã°£À¸·Î ȯ»êÇÏ¿© Á¤¼ö°ªÀ» ¹ÝȯÇÑ´Ù.
¹Ýȯ°ª iSimpleTimeÀº ¿¤·¹¸àÆ®ÀÇ ¼¼±×¸àÆ® ½Ã°£ segmentTime¿¡ ÇØ´çÇÏ´Â ¿¤·¹¸àÆ®ÀÇ ´Ü¼ø½Ã°£À» ³ªÅ¸³»´Â Á¤¼ö°ªÀÌ´Ù.
| °³Ã¼ | script | IE |
|---|
ÀÌ ¸Þ¼µå´Â (¿µ¹®)SMIL 2.0(Synchronized Multimedia Integration Language)¿¡ ´ëÇÑ MicrosoftÀÇ È®ÀåÀÌ´Ù.
simpleTimeToSegmentTime, segmentTimeToSimpleTime ¸Þ¼µå·Î ÇØ´ç ¼¼±×¸àÆ® ½Ã°£°ú ¿¤·¹¸àÆ®ÀÇ È°¼º½Ã°£À» ºñ±³ÇÑ´Ù.
<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<IMPORT namespace="t" implementation="#default#time2">
<STYLE>.time{behavior: url(#default#time2);}</STYLE>
<SCRIPT>
window.onload = timer;
function timer(){
window.setInterval(fnUpdateTimes,100);
}
function fnUpdateTimes(){
s1.innerHTML = aniObj.segmentTimeToSimpleTime(div1.currTimeState.activeTime);
s2.innerHTML = aniObj.simpleTimeToSegmentTime(div1.currTimeState.activeTime);
s3.innerHTML = aniObj.currTimeState.simpleTime;
s4.innerHTML = aniObj.currTimeState.activeTime;
s5.innerHTML = aniObj.currTimeState.segmentTime;
}
</SCRIPT>
</HEAD>
<BODY>
<DIV id="div1" class="time" style="position:relative;top:25px;left:25px;height:100px;width:100;background-color:aqua;"></DIV>
<T:animatemotion id="aniObj" targetElement="div1" to="250,0" dur="3" fill="hold" autoReverse="true" repeatCount="indefinite"/><BR><BR>
segmentTimeToSimpleTime = <SPAN id="s1"></SPAN><BR>
simpleTimeToSegmentTime = <SPAN id="s2"></SPAN><BR>
simpleTime = <SPAN id="s3"></SPAN><BR>
activeTime = <SPAN id="s4"></SPAN><BR>
segmentTime = <SPAN id="s5"></SPAN><BR>
<BUTTON onclick="aniObj.beginElement()">½ÃÀÛ</BUTTON>
<BUTTON onclick="aniObj.pauseElement()">ÀϽÃÁßÁö</BUTTON>
<BUTTON onclick="aniObj.resumeElement()">´Ù½Ã°è¼Ó</BUTTON>
<BUTTON onclick="aniObj.endElement()">ÁßÁö</BUTTON>
</BODY>
</HTML>