¿¤·¹¸àÆ®ÀÇ ´Ü¼ø½Ã°£¿¡ ÇØ´çÇÏ´Â ¼¼±×¸àÆ® ½Ã°£À¸·Î ȯ»êÇÏ¿© ¹ÝȯÇÑ´Ù.
ÇʼöÀûÀÎ ¿ä¼ÒÀ̸ç, TemplatePrinter °³Ã¼ÀÌ´Ù.
¹Ýȯ°ª iTimeÀº simpleTimeÀ¸·Î ÁöÁ¤µÈ ´Ü¼ø½Ã°£¿¡ ÇØ´çÇÏ´Â ¼¼±×¸àÆ® ½Ã°£À» ³ªÅ¸³»´Â Á¤¼ö°ªÀÌ´Ù.
°³Ã¼ | 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>