½Ã°£°³Ã¼ÀÇ ¹Ýº¹ Ƚ¼öÀÇ Áö¼Ó½Ã°£À» ¹ÝȯÇÑ´Ù.
¼Ó¼º°ªÀº ½Ã°£¿¤·¹¸àÆ® °¢ ¹Ýº¹ÀÇ Áö¼Ó½Ã°£À» ³ªÅ¸³»´Â ºÎµ¿¼Ò¼öÁ¡ ¼öÄ¡ÀÌ´Ù.
ÀÌ ¼Ó¼ºÀº ÀбâÀü¿ëÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.
simpleDur ¼Ó¼ºÀº autoReverse ¼Ó¼ºÀÌ true·Î ¼³Á¤µÇ¾î ÀÖ´Â °æ¿ì¿¡ ½Ã°£ ¿¤·¹¸àÆ®ÀÇ Ãß°¡ÀûÀÎ Ç÷¹ÀÌ ½Ã°£À» Æ÷ÇÔÇÑ´Ù.
°³Ã¼ | script | HTML | ±Ô°Ý | IE |
---|
ÀÌ ¼Ó¼ºÀº (¿µ¹®)SMIL 2.0(Synchronized Multimedia Integration Language)¿¡ Microsoft°¡ È®ÀåÇÑ °ÍÀÌ´Ù.
½Ã°£=0
simpleDur ¼Ó¼º ¹Ýº¹µÈ °úÁ¤ÀÇ Áö¼Ó½Ã°£À» ¾ò´Â´Ù,
<HTML xmlns:t="urn:schemas-microsoft-com:time"> <IMPORT namespace="t" implementation="#default#time2"> <STYLE>.time{ behavior: url(#default#time2);}</STYLE> <SCRIPT> function ShowResult(){ showA.innerHTML =(animObj.currTimeState.repeatCount+1); } function ShowsimpleDur(){ showB.innerHTM=animObj.currTimeState.simpleDur; } </SCRIPT> <DIV id="divObj" class="time" style="position:relative;top:0;left:0;height:100;width:100;background-color:blue;"></DIV> <T:ANIMATEMOTION id="animObj" targetElement="divObj" to="325,0" begin="0; indefinite;" dur="2" autoReverse="true" repeatCount="5"onrepeat="ShowResult()"/> <P>½Ã°£=<SPAN id="Timer" class="time" dur=".01" repeatCount="indefinite" fill="hold" onrepeat="innerText=parseInt(document.body.currTimeState.activeTime);">0</SPAN></P> <DIV>¹Ýº¹ Ƚ¼ö(animObj.currTimeState.repeatCount+1)=<SPAN id="showA">1</SPAN></DIV> <DIV>°¢ ¹Ýº¹ÀÇ Áö¼Ó½Ã°£(animObj.currTimeState.simpleDur)=<SPAN id="showB">1</SPAN> ÃÊ.</DIV> <BUTTON id="b1" onclick="ShowResult()">°¢ ¹Ýº¹ÀÇ Áö¼Ó½Ã°£</BUTTON> <BUTTON id="b2" onclick="animObj.beginElement();">´Ù½Ã ½ÃÀÛ</BUTTON>