½Ã°£°³Ã¼ÀÇ ¹Ýº¹ Ƚ¼öÀÇ Áö¼Ó½Ã°£À» ¹ÝȯÇÑ´Ù.

Àμö
: (¼Ó¼º ºÎµ¿¼Ò¼öÁ¡ ¼öÄ¡)

¼Ó¼º°ªÀº ½Ã°£¿¤·¹¸àÆ® °¢ ¹Ýº¹ÀÇ Áö¼Ó½Ã°£À» ³ªÅ¸³»´Â ºÎµ¿¼Ò¼öÁ¡ ¼öÄ¡ÀÌ´Ù.

ÀÌ ¼Ó¼ºÀº ÀбâÀü¿ëÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.

Ư±â

simpleDur ¼Ó¼ºÀº autoReverse ¼Ó¼ºÀÌ true·Î ¼³Á¤µÇ¾î ÀÖ´Â °æ¿ì¿¡ ½Ã°£ ¿¤·¹¸àÆ®ÀÇ Ãß°¡ÀûÀÎ Ç÷¹ÀÌ ½Ã°£À» Æ÷ÇÔÇÑ´Ù.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE
ÂüÁ¶
HTML+time, activeDur, dur, mediaDur, repeatDur, segmentDur

ÀÌ ¼Ó¼ºÀº (¿µ¹®)SMIL 2.0(Synchronized Multimedia Integration Language)¿¡ Microsoft°¡ È®ÀåÇÑ °ÍÀÌ´Ù.


½Ã°£=0

¹Ýº¹ Ƚ¼ö(animObj.currTimeState.repeatCount+1)=1
°¢ ¹Ýº¹ÀÇ Áö¼Ó½Ã°£(animObj.currTimeState.simpleDur)=1 ÃÊ.

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>