ÀÓÁö Áß½ÃµÈ ¿¤·¹¸àÆ®ÀÌ ½Ã°£ÀÌ ´Ù½Ã ½ÃÀ۵ȴÙ.

Àμö/ÆĶó¸ÞÅÍ
ÆĶó¸ÞÅÍ

ÆĶó¸ÞÅÍ´Â ¾ø´Ù.

¹Ýȯ°ª

¹Ýȯ°ªÀº ¾ø´Ù.

Ư±â

ÀÌ ¸Þ¼­µå´Â resume ¸Þ¼­µå¸¦ ´ëüÇÑ´Ù.

¿¤·¹¸àÆ®°¡ ÀÓ½ÃÁßÁöÇÏÁö ¾Ê°í, resumeElement ¸Þ¼­µå°¡ È£ÃâµÇ¸é, ¿¤·¹¸àÆ®ÀÇ ½Ã°£Àº ¿µÇâÀ» ¹ÞÁö ¾Ê´Â´Ù.

Àû¿ë
°³Ã¼scriptIE
ÂüÁ¶
pauseElement resumeElement HTML+time

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


ÀÓ½ÃÁßÁö¿Í ȸº¹ÇÏ¿© °è¼Ó
Ç׸ñ ÄÚµå ¼ö·®
Apples A1 7
Bananas B2 23
Oranges O3 12
Strawberries S4 31

pauseElement¿Í resumeElement ¸Þ¼­µå¸¦ »ç¿ëÇÏ¿© ½Ã°£À» Àӽà ÁßÁö½ÃÅ°°í ´Ù½Ã °è¼Ó½ÃŲ´Ù.

<HTML>
<HEAD>
<TITLE>ÀÓ½ÃÁßÁö¿Í ȸº¹ÇÏ¿© °è¼Ó</TITLE>
<IMPORT namespace="t" implementation="#default#time2">
<STYLE>
 .time{ behavior: url(#default#time2); }
 .hiliteText{ color:red;background-color:ffdddd;font-weight:bold;}
</STYLE>
<SCRIPT>
function doResume(){
  oParent.resumeElement();
  pauseBtn.disabled=false;
  resumeBtn.disabled=true;
}
function doPause(){
  oParent.pauseElement();
  pauseBtn.disabled=true;
  resumeBtn.disabled=false;
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE id="oParent" border="1" class="time" dur="8s" repeatcount="indefinite" timecontainer="SEQ" timeaction="none" width=300>
<TBODY style=text-align:center>
<TR>
<TH WIDTH="160">Ç׸ñ</TH>
<TH WIDTH="70">ÄÚµå</TH>
<TH WIDTH="70">¼ö·®</TH>
</TR>
<TR class="time" timeaction="class:hiliteText" dur="2s">
<TD>Apples</TD>
<TD>A1</TD>
<TD>7</TD>
</TR>
<TR class="time" timeaction="class:hiliteText" dur="2s">
<TD>Bananas</TD>
<TD>B2</TD>
<TD>23</TD>
</TR>
<TR class="time" timeaction="class:hiliteText" dur="2s">
<TD>Oranges</TD>
<TD>O3</TD>
<TD>12</TD>
</TR>
<TR class="time" timeaction="class:hiliteText" dur="2s">
<TD>Strawberries</TD>
<TD>S4</TD>
<TD>31</TD>
</TR>
</TBODY>
</TABLE><BR>
<BUTTON id="pauseBtn" onclick="doPause();">Àӽà ÁßÁö</BUTTON>
<BUTTON id="resumeBtn" DISABLED="true" onclick="doResume();">´Ù½Ã °è¼Ó</BUTTON>
</BODY>
</HTML>