¿¤·¹¸àÆ®ÀÇ È°¼º ½Ã°£À» ¼¼±×¸àÆ® ½Ã°£¿¡ »óÀÀÇÏ´Â ½Ã°£À¸·Î º¯È¯ÇÑ´Ù.
¸Þ¼µå °ªÀº °³Ã¼ È°¼º ½Ã°£(activeTime)ÀÇ ¼¼±×¸àÆ® ½Ã°£¿¡ ÇØ´çÇÏ´Â ½Ã°£À¸·Î ÁöÁ¤ÇÏ´Â Á¤¼ö°ªÀÌ´Ù.
°³Ã¼ | script | IE |
---|
ÀÌ ¸Þ¼µå´Â (¿µ¹®)SMIL 2.0(Synchronized Multimedia Integration Language)¿¡ ´ëÇÑ MicrosoftÀÇ È®ÀåÀÌ´Ù.
activeTimeToSegmentTime ¸Þ¼µåÀÇ °ª°ú ¿¤·¹¸àÆ® ¼¼±×¸àÆ® ½Ã°£¿¡¼ÀÇ ÇØ´ç ½Ã°£ÀÇ °³Ã¼ È°¼º½Ã°£°ªÀ» ºñ±³ÇÑ´Ù.
<HTML xmlns:t="urn:schemas-microsoft-com:time"> <HEAD> <TITLE>activeTimeToSegmentTime ¸Þ¼µå ¿¹Á¦</TITLE> <IMPORT namespace="t" implementation="#default#time2"> <SCRIPT> window.onload=startTimer; function startTimer(){ window.setInterval(showTime, 100); } function showTime(){ s1.innerHTML=a1.activeTimeToSegmentTime(divObj.currTimeState.activeTime); s2.innerHTML=a1.currTimeState.segmentTime; } </SCRIPT> <STYLE>.time{behavior: url(#default#time2);}</STYLE> </HEAD> <BODY> <B>ŸÀÌ¸Ó :</B> <SPAN id="Timer1" class="time" dur="1" repeatCount="indefinite" onrepeat="innerText=parseInt(document.body.currTimeState.activeTime);">0</SPAN> <DIV id="divObj" class="time" style="position:relative;top:25px;left:25px; height:100px;width:100;background-color:yellow;">divObj</DIV> <T:ANIMATEMOTION id="a1" targetElement="divObj" to="250,0" dur="3" autoReverse="true"/> <DIV style="position:relative;top:2em;"><SPAN style=width:13em>activeTimeToSegmentTime:</SPAN> <SPAN id="s1" style="width:10em"></SPAN></DIV> <DIV style="position:relative;top:2em;"><SPAN style=width:13em>segmentTime:</SPAN> <SPAN id="s2" style="width:10em"></SPAN></DIV><BR><BR> <BUTTON onclick="divObj.beginElement();a1.beginElement()">´Ù½Ã ½ÃÀÛ</BUTTON> </BODY> </HTML>