°³Ã¼ÀÇ ÃÖ»óÀ§ È°¼º ¸ðµç ½Ã°£ ÀÚ½Ä ¿¤·¹¸àÆ®ÀÇ Ä÷º¼Ç ¹è¿­º¯¼öÀ» ÂüÁ¶ÇÑ´Ù.

Àμö
: (°³Ã¼)
ÇʼöÀûÀÎ ¿ä¼ÒÀÌ°í Ä÷º¼ÇÀ» Æ÷ÇÔÇÏ´Â ¸ðü °³Ã¼ÀÌ´Ù.

cVal : (Ä÷º¼Ç)
°ªÀº ¼±ÅÃÀûÀÎ ¿ä¼ÒÀÌ°í Ä÷º¼ÇÀ» ³ªÅ¸³»´Â °³Ã¼ÀÌ´Ù.

oVal : (°³Ã¼)
°ªÀº ¼±ÅÃÀûÀÎ ¿ä¼ÒÀÌ°í Ä÷º¼ÇÀÇ ÇÑ°³ÀÇ È°¼º ¿¤·¹¸àÆ® °³Ã¼ÀÌ´Ù.

index : (Á¤¼ö)
°ªÀº ÇʼöÀûÀÎ ¿ä¼ÒÀÌ°í Ä÷º¼ÇÀÇ Àμö·Î ÇÑ°³ÀÇ È°¼º ¿¤·¹¸àÆ® °³Ã¼¸¦ ÂüÁ¶ÇÒ¼ö ÀÖ°í ¹è¿­º¯¼öÀÇ ±ÔÄ¢¿¡µû¶ó 0ºÎÅÍ ½ÃÀÛÇÏ°í Á¦ÀÏ ¸¶Áö¸· Àμö´Â ±æÀ̺¸´Ù 1 ÀÛ´Ù.

Ư±â

t:PAR ¿¤·¹¸àÆ®³ª ½Ã°£ ¿ë±â¿Í °°Àº BODY ÀÇ ºñÇìºñ¾î¿¡ Àû¿ëµÇ¹Ç·Î activeElements Ä÷º¼ÇÀ» Àû¿ëÇÏ¿© BODY °³Ã¼ÀÇ ÇöÀç È°¼ºÈ­µÇ¾î ÀÖ´Â ¹®¼­ÀÇ ÃÖ»óÀ§ ÀÚ½Ä ½Ã°£ °³Ã¼µéÀÇ ¹è¿­º¯¼ö¸¦ ¹Ýȯ¹ÞÀ» ¼ö ÀÖ´Ù.

´Ù¸¥ DHTML(Dynamic HTML) Ä÷º¼Çµé¿¡¼­¿Í ¸¶Âù°¡Áö·Î index·Î activeElements Ä÷º¼ÇÀÇ °³º° °³Ã¼¸¦ ÂüÁ¶ÇÒ ¼ö ÀÖÀ¸³ª, È°¼ºÀÌ ºü¸¥ ¼Óµµ·Î º¯È­µÇ¹Ç·Î À¯È¿ÇÏ´ø index·Î È£ÃâÇÏ´õ¶óµµ ºÒÈ°¼ºµÈ °³Ã¼µé ¶§¹®¿¡ ¿À·ù°¡ ¹ß»ýµÇ±â ½±´Ù. ¿À·ù¸¦ ¹æÁöÇϱâ À§ÇÏ¿© 0¿¡¼­ ºÎÅÍ Ä÷º¼ÇÀÇ ±æÀ̱îÁö for ·çÇÁ ¹®ÀåÀ» »ç¿ëÇϰųª Enumerator °³Ã¼, ȤÀº VBScript For Each...Next ¹®ÀåÀ» »ç¿ëÇÏ´Â °ÍÀÌ ¾ÈÀüÇÏ´Ù.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE
ÂüÁ¶

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

HTML+time, timeAll, timeChildren

¼³¸íÀ» À§ÇÑ ¿¹Á¦

¹®ÀÚ¿­ 1 ¹®ÀÚ¿­ 2 ¹®ÀÚ¿­ 3 ¹®ÀÚ¿­ 4 ¹®ÀÚ¿­ 5 ¹®ÀÚ¿­ 6

°á°ú Ç¥½Ãâ

³ì»ö ¹®ÀÚ¿­ÀÌ ºñÈ°¼º ¿¤·¹¸àÆ®ÀÌ°í ½Ã°£¿¡µû¶ó 1ÃÊ °£°ÝÀ¸·Î º¯È­µÈ´Ù.

<STYLE>
.time{behavior:url(#default#time2);color:green;border:solid 1 gray;padding:3}
</STYLE>
<XML:namespace prefix="t"/>
<SCRIPT>
function showActive(){
  actElemCol=new Enumerator(timeObj.activeElements);
  str=numb='';
  for(; !actElemCol.atEnd(); actElemCol.moveNext()){
    numb++;
    str=str+' <'+actElemCol.item().tagName+' id='+actElemCol.item().id+'>';
  }
  str+='\nÈ°¼º ¿¤·¹¸àÆ® '+numb+' °³';
  showA.innerText='ÇöÀç È°¼º ¿¤·¹¸àÆ®µé'+str;
}
</SCRIPT>
<t:PAR id="timeObj" class="time" timeaction="none" dur="9" repeatcount="indefinite">
<SPAN id="obj1" class="time" style="color:red;" timeaction="style" begin="0" dur="4">¹®ÀÚ¿­ 1</SPAN>
<SPAN id="obj2" class="time" style="color:pink;" timeaction="style" begin="1" dur="4">¹®ÀÚ¿­ 2</SPAN>
<SPAN id="obj3" class="time" style="color:navy;" timeaction="style" begin="2" dur="4">¹®ÀÚ¿­ 3</SPAN>
<SPAN id="obj4" class="time" style="color:blue;" timeaction="style" begin="3" dur="4">¹®ÀÚ¿­ 4</SPAN>
<SPAN id="obj5" class="time" style="color:brown;" timeaction="style" begin="4" dur="4">¹®ÀÚ¿­ 5</SPAN>
<SPAN id="obj6" class="time" style="color:violet;" timeaction="style" begin="5" dur="4">¹®ÀÚ¿­ 6</SPAN>
</t:PAR><BR><BR>
<BUTTON style="width:200" onclick="showActive();">È°¼º ¿¤·¹¸àÆ® º¸±â</BUTTON>
<DIV id=showA style=font-size:16;>°á°ú Ç¥½Ãâ</DIV>

length ¼Ó¼º IE
¢¡ Ä÷º¼Ç¿¡ ÀÖ´Â °³Ã¼ÀÇ °¹¼ö¸¦ ¹ÝȯÇÑ´Ù.
¹®¹ý: [iVal=].length
ÄÚµå: <BUTTON onclick="oObj=timeObj.activeElements;showA1.innerText=oObj.length">È°¼º ¿¤·¹¸àÆ® °¹¼ö</BUTTON> <SPAN id=showA1 style=color:blue></SPAN>°³ °á°ú: °³

item ¸Þ¼­µå IE
¢¡ À妽º·Î activeElements µî Ä÷º¼ÇÀÇ ÇÑ°³ÀÇ °³Ã¼¸¦ ¹ÝȯÇÑ´Ù.
¹®¹ý: [oVal=].item(iVal)
ÄÚµå: <BUTTON onclick="oObj=timeObj.activeElements;str='';for(i=0;i< oObj.length;i++){str+=oObj(i).id+', '};showA2.innerText=str">È°¼º ¿¤·¹¸àÆ®</BUTTON> È°¼º °³Ã¼ id=<SPAN id=showA2 style=color:blue></SPAN>
°á°ú: È°¼º °³Ã¼ id=