½Ã°£°³Ã¼ÀÇ ¹Ýº¹ Ƚ¼öÀÇ Áö¼Ó½Ã°£À» ¹ÝȯÇÑ´Ù.
¼Ó¼º°ªÀº ½Ã°£¿¤·¹¸àÆ® °¢ ¹Ýº¹ÀÇ Áö¼Ó½Ã°£À» ³ªÅ¸³»´Â ºÎµ¿¼Ò¼öÁ¡ ¼öÄ¡ÀÌ´Ù.
ÀÌ ¼Ó¼ºÀº ÀбâÀü¿ëÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.
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>