½Ã°£ÀÌ Á¤¹æÇâ ÁøÇà Á÷ÈÄ ¿ª¹æÇâÀ¸·Î È带 °ÍÀΰ¡¸¦ ºÎ¿ï°ªÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
| true | ½Ã°£ÀÌ Á¤¹æÇâÀ¸·Î ÁøÇàµÈ ÈÄ¿¡ ¿ª¹æÇâÀ¸·Î Ç÷¹À̵ȴÙ. |
| false | µðÆúÆ®À̸ç, ½Ã°£ÀÌ Á¤¹æÇâÀ¸·Î ÁøÇàµÈ ÈÄ¿¡ ¿ª¹æÇâÀ¸·Î Ç÷¹À̵ÇÁö ¾Ê´Â´Ù. |
ÀбâÀü¿ë ȤÀº Àбâ/¾²±â·Î µðÆúÆ®°ªÀº falseÀÌ´Ù.
ÀϺΠ½Ã½ºÅÛ¿¡¼´Â ÀÌ ¼Ó¼ºÀ» "Play forward, then backward."·Î »ç¿ëµÈ´Ù. ÀÌ ¼Ó¼ºÀº ¹®¼ º»Ã¼¿¡¼ onload À̺¥Æ®°¡ ¹ß»ýµÈ ÈÄ¿¡´Â ½ºÅ©¸³Æ®·Î ¼öÁ¤µÉ ¼ö ¾ø´Ù.
ºñµð¿À ÆÄÀÏ¿¡¼ autoReverse¸¦ true·Î ¼³Á¤Çϸé ÇÁ·¹ÀÓÀÌ¿ª¹æÇâÀÌ ¹ß»ýµÇ´Â ÇÁ·¹ÀÓ¿¡¼ °íÁ¤(µ¿°á)µÈ´Ù.
autoReverse°¡ ¼³Á¤µÈ ¿Àµð¿À ÆÄÀÏ¿¡´Â ¿ª¹æÇâÀ¸·Î Ç÷¹ÀÌµÉ ¼ö ¾ø°í ±×³É Á¾·áÇÑ´Ù.
repeatCount°¡ 1ÀÌ»óÀ̰í autoReverse ¼Ó¼ºÀÌ true·Î ¼³Á¤µÇ¾î ÀÖ´Â ¿¤·¹¸àÆ®¿¡¼´Â, ¿¤·¹¸àÆ® ÇÑ ·çÇÁ(loop)°¡ Çѹø Á¤¹æÇâÀ¸·Î ÁøÇàÇϰí Çѹø ¿ª¹æÇâÀ¸·Î ÁøÇàµÇ¾î ¿Ï¼ºµÇ¸é ¿Ï·áµÈ´Ù.
| °³Ã¼ | script | HTML | ±Ô°Ý | IE |
|---|
ÀÌ ¼Ó¼ºÀº (¿µ¹®)SMIL 2.0(Synchronized Multimedia Integration Language)¿¡¼ Á¤ÀǵǾú´Ù.
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>