ÇöÀç ¿¤·¹¸àÆ®ÀÇ ¸ðü ½Ã°£¿ë±â¸¦ ¹ÝȯÇÑ´Ù.
¼Ó¼º°ªÀº ÇöÀç ¿¤·¹¸àÆ®ÀÇ ¸ðü ½Ã°£¿ë±â¸¦ °³Ã¼ÀÌ´Ù.
ÀÌ ¼Ó¼ºÀº ÀбâÀü¿ëÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.
timeParent ¼Ó¼ºÀº ½Ã°£¼Ó¼ºµéÀ» ¾ò°í HTML+time °³Ã¼ ¸ðµ¨¿¡ Ç×ÇØÇÒ ¼öÀÖ´Â ¿¤·¹¸àÆ® °³Ã¼(ITIMEElement)¸¦ ¹ÝȯÇÑ´Ù. ÀÌ´Â id, styleµî HTML ¼Ó¼ºµé¿¡ »ç¿ëµÇ´Â IHTMLElement °³Ã¼¸¦ ¹ÝȯÇÏÁö ¾Ê´Â´Ù.
°³Ã¼ | script | HTML | ±Ô°Ý | IE |
---|
ÀÌ ¼Ó¼ºÀº (¿µ¹®)SMIL 2.0(Synchronized Multimedia Integration Language)¿¡ Microsoft°¡ È®ÀåÇÑ °ÍÀÌ´Ù.
<HTML xmlns:t="urn:schemas-microsoft-com:time"> <HEAD> <IMPORT namespace=t implementation="#default#time2" /> <STYLE>.time{ behavior: url(#default#time2);}</STYLE> <SCRIPT> window.onload=initAction; function initAction(){ window.setInterval(fnUpdateTimes,100); } function fnUpdateTimes(){ parentObj=aniMoObj.timeParent; str='parentObj.dur='+parentObj.dur+'<BR>'; str+='parentObj.currTimeState.activeTime='+parentObj.currTimeState.activeTime+'<BR>'; showA.innerHTML=str; } </SCRIPT> <DIV id="div1" class="time" style="position:relative;top:0;left:0;height:50;width:100;background-color:pink;"></DIV> <T:EXCL class="time" begin="0" dur="indefinite"> <T:ANIMATEMOTION id="aniMoObj" targetElement="div1" to="375,0" begin="0" dur="3" autoReverse="true" repeatCount="indefinite"/> </T:EXCL> <DIV id=showA></DIV> <BUTTON onclick="parentObj.beginElement()">¸ðü¸¦ ´Ù½Ã ½ÃÀÛ</BUTTON> <BUTTON onclick="parentObj.dur='20';">¸ðü Áö¼Ó½Ã°£ ¼³Á¤(20ÃÊ)</BUTTON>