½Ã°£ÀÌ Á¤¹æÇâ ÁøÇà Á÷ÈÄ ¿ª¹æÇâÀ¸·Î È带 °ÍÀΰ¡¸¦ ºÎ¿ï°ªÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
: (¼Ó¼º ¹®ÀÚ¿­)
¼Ó¼º°ªÀº ½Ã°£ÀÌ Á¤¹æÇâ ÁøÇà Á÷ÈÄ ¿ª¹æÇâÀ¸·Î È带 °ÍÀΰ¡¸¦ ³ªÅ¸³»´Â ºÎ¿ï°ªÀÌ´Ù.

true ½Ã°£ÀÌ Á¤¹æÇâÀ¸·Î ÁøÇàµÈ ÈÄ¿¡ ¿ª¹æÇâÀ¸·Î Ç÷¹À̵ȴÙ.
false µðÆúÆ®À̸ç, ½Ã°£ÀÌ Á¤¹æÇâÀ¸·Î ÁøÇàµÈ ÈÄ¿¡ ¿ª¹æÇâÀ¸·Î Ç÷¹À̵ÇÁö ¾Ê´Â´Ù.

ÀбâÀü¿ë ȤÀº Àбâ/¾²±â·Î µðÆúÆ®°ªÀº falseÀÌ´Ù.

Ư±â

ÀϺΠ½Ã½ºÅÛ¿¡¼­´Â ÀÌ ¼Ó¼ºÀ» "Play forward, then backward."·Î »ç¿ëµÈ´Ù. ÀÌ ¼Ó¼ºÀº ¹®¼­ º»Ã¼¿¡¼­ onload À̺¥Æ®°¡ ¹ß»ýµÈ ÈÄ¿¡´Â ½ºÅ©¸³Æ®·Î ¼öÁ¤µÉ ¼ö ¾ø´Ù.

ºñµð¿À ÆÄÀÏ¿¡¼­ autoReverse¸¦ true·Î ¼³Á¤Çϸé ÇÁ·¹ÀÓÀÌ¿ª¹æÇâÀÌ ¹ß»ýµÇ´Â ÇÁ·¹ÀÓ¿¡¼­ °íÁ¤(µ¿°á)µÈ´Ù.

autoReverse°¡ ¼³Á¤µÈ ¿Àµð¿À ÆÄÀÏ¿¡´Â ¿ª¹æÇâÀ¸·Î Ç÷¹ÀÌµÉ ¼ö ¾ø°í ±×³É Á¾·áÇÑ´Ù.

repeatCount°¡ 1ÀÌ»óÀÌ°í autoReverse ¼Ó¼ºÀÌ true·Î ¼³Á¤µÇ¾î ÀÖ´Â ¿¤·¹¸àÆ®¿¡¼­´Â, ¿¤·¹¸àÆ® ÇÑ ·çÇÁ(loop)°¡ Çѹø Á¤¹æÇâÀ¸·Î ÁøÇàÇÏ°í Çѹø ¿ª¹æÇâÀ¸·Î ÁøÇàµÇ¾î ¿Ï¼ºµÇ¸é ¿Ï·áµÈ´Ù.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE
ÂüÁ¶
HTML+time, HTML time2

ÀÌ ¼Ó¼ºÀº (¿µ¹®)SMIL 2.0(Synchronized Multimedia Integration Language)¿¡¼­ Á¤ÀǵǾú´Ù.


À̵¿ °³Ã¼
Ƚ¼ö: 1

animateMotion ¿¤·¹¸àÆ®¿¡ autoReverse ¾ÖÆ®¸®ºäÆ®¸¦ true·Î ¼³Á¤ÇÏ¿© ·çÇÁ¸¦ ÀÛµ¿½ÃŲ´Ù.

<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<STYLE>.time{behavior: url(#default#time2);}</STYLE>
<IMPORT namespace="t" implementation="#default#time2">
<SCRIPT>
function doShow(){
  showCount.innerText='Ƚ¼ö='+(aniObj.currTimeState.repeatCount+1);
}
</SCRIPT>
</HEAD>
<BODY>
<DIV id="divObj" class="time" style="position:relative;top:0;left:0;height:50;width:100;background-color:pink;">À̵¿ °³Ã¼</DIV>
<T:ANIMATEMOTION id="aniObj" targetElement="divObj" to="500,50" dur="1" autoReverse="true" repeatCount="3" onrepeat="doShow()"/>
<DIV id="showCount">Ƚ¼ö: 1</DIV>
<DIV id=showA><SCRIPT>document.write('aniObj.autoReverse='+aniObj.autoReverse)</SCRIPT></DIV>
<BUTTON onclick="aniObj.beginElement()">´Ù½Ã ½ÃÀÛ</BUTTON>
</BODY>
</HTML>