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