È°¼º ÁßÀÎ ½Ã°£ÀÇ ÃÑ Áö¼Ó½Ã°£À» ÃÊ´ÜÀ§ Á¤¼ö°ªÀ¸·Î ¹ÝȯÇÑ´Ù.

Àμö
: (¼Ó¼º Á¤¼ö°ª)
¼Ó¼º°ªÀº È°¼º ÁßÀÎ ½Ã°£ÀÇ ÃÑ Áö¼Ó½Ã°£À» ÃÊ´ÜÀ§·Î ³ªÅ¸³»´Â Á¤¼ö°ªÀÌ´Ù.

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

Ư±â

ÀÌ ¼Ó¼ºÀº repeatDur¿Í ÁöÁ¤µÇ¾úÀ¸¸é autoReverse ½Ã°£À» Æ÷ÇÔÇÑ´Ù.
¿¹¸¦µé¾î dur Áö¼Ó½Ã°£ÀÌ 5ÃÊÀÌ°í ¹Ýº¹ Ƚ¼ö repeatCount ¼Ó¼º°ªÀÌ 3ÀÌ°í autoReverse°¡ true·Î ¼³Á¤µÇ¾úÀ¸¸é ÃÑ Áö¼Ó½Ã°£activeDur´Â 30ÃÊ°¡ µÈ´Ù.

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

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


ù° ¹®´Ü ³»¿ë
µÑ° ¹®´Ü ³»¿ë
¼¼Â° ¹®´Ü ³»¿ë

°á°ú Ç¥½Ãâ

ÇѹøÀÇ Áö¼Ó½Ã°£Àº 3ÃÊÀÌ°í, 3¹ø ¹Ýº¹ÇÏ¸ç ¿ª¹æÇâ ÁøÇàÀ» ÇϹǷΠÃÑ Áö¼Ó½Ã°£Àº 18(3*3*2)ÃÊ ÀÌ´Ù.

<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<SCRIPT>
function getActiveDur(){
  showA.innerHTML='ÃÑ Áö¼Ó½Ã°£(exclObj.currTimeState.activeDur)=<FONT color=blue>'+exclObj.currTimeState.activeDur+'</FONT> ÃÊ';
}
</SCRIPT>
<STYLE>.time { behavior: url(#default#time2) }</STYLE>
<IMPORT namespace="t" implementation="#default#time2">
</HEAD>
<BODY>
<T:excl id="exclObj" dur="3" repeatcount="3" autoreverse="true">
<DIV id="div1Obj" class="time" begin="0" dur="1" style="border:solid 1 blue;color:blue">ù° ¹®´Ü ³»¿ë</DIV>
<DIV id="div2Obj" class="time" begin="1" dur="1" style="border:solid 1 red;color:red">µÑ° ¹®´Ü ³»¿ë</DIV>
<DIV id="div3Obj" class="time" begin="2" dur="1" style="border:solid 1 green;color:green">¼¼Â° ¹®´Ü ³»¿ë</DIV>
</T:excl>
<BR>
<BUTTON id="butObj" onclick="exclObj.beginElement()">´Ù½Ã ½ÃÀÛ</BUTTON>
<BUTTON id="butObj" onclick="getActiveDur()">ÃÑ È°¼º Áö¼Ó½Ã°£ ¾ò±â.</BUTTON>
<DIV id=showA>°á°ú Ç¥½Ãâ</DIV>
</BODY>
</HTML>