¿¤·¹¸àÆ®³ª ¿¤·¹¸àÆ®µé¿¡ Ç¥ÇöµÈ ³»¿ëÀÇ ¾Ö´Ï¸ÞÀÌ¼Ç º¯È¯À» ÁøÇàÇÑ´Ù.

Script [propVal=]..propName;
HTML propName="propVal">innerString
Ư±â

Á¢µÎ¾î t:´Â ¿¤·¹¸àÆ®¿Í ¿¬°üµÈ XML(Extensible Markup Language)ÀÇ À̸§ÀÚ¸®(namespace)·Î »ç¿ëµÈ´Ù.
ÀÌ ¿¤·¹¸àÆ®¸¦ »ç¿ëÇÒ ¶§´Â html ű׿¡ XMLÀÇ namespace¸¦ ¼±¾ðÇÏ¿©¾ß ÇÑ´Ù.

<HTML xmlns:t ="urn:schemas-microsoft-com:time">

´ÙÀ½ ÅÂ±× Á¤ÀÇ HTML time2 ºñÇìÀ̹ö¸¦ import¸¦ »ç¿ëÇÏ¿© µµÀÔÇÏ¿©¾ß ÇÑ´Ù.

<IMPORT namespace="t" implementation="#default#time2">

°ü·Ã ¼Ó¼ºµéÀº window.onload À̺¥Æ®°¡ ¹ß»ýµÉ ¶§±îÁö´Â ½ºÅ©¸³Æ®¸¦ ÅëÇÏ¿© Á¢¼ÓÇÒ ¼ö ¾ø´Ù. ¹®¼­°¡ ¿ÏÀüÈ÷ ·ÎµùµÇ¾î ÆäÀÌÁöÀÇ ÇØ´ç ¿¤·¹¸àÆ®¿¡ °ü·ÃµÈ ºñÇìºñ¾îµéÀÌ ¸ðµÎ Àû¿ëµÈ °ÍÀ» È®ÀÎÇÒ ¶§±îÁö ±â´Ù·Á¼­ À̺¥Æ®°¡ ¹ß»ýµÇ¸é, ¸ðµç ºñÇìÀ̹öÀÇ ¼Ó¼º, ¸Þ¼­µå, À̺¥Æ®µéÀÌ ½ºÆ®¸³Æ®·Î »ç¿ëµÉ ¼ö ÀÖ´Ù. window.onload À̺¥Æ® ¹ß»ý Àü¿¡ À̵éÀ» »ç¿ëÇÏ´Â °ÍÀº ±× ¿ä¼Ò°¡ Áö¿øµÇÁö ¾Ê´Â´Ù´Â ½ºÅ©¸³Æ® ¿À·ù¸¦ ¹ß»ý½ÃŲ´Ù.

ÀÌ ¿¤·¹¸àÆ®´Â Ç¥ÇöµÇÁö ¾Ê´Â´Ù.

ÀÌ ¿¤·¹¸àÆ®´Â Á¾·áűװ¡ ÇÊ¿äÇÏ´Ù.

ÂüÁ¶
HTML+time

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

ÀÌ DIVÀÇ ³»¿ëÀº º¯È¯(Transition)ÇÑ´Ù.

¿¹Á¦ÀÇ t:TRANSITIONFILTER ¿¤·¹¸àÆ®´Â ³»¿ë¿¡ Transition ÇÊÅ͸¦ Àû¿ëÇÏ°í Fade ¾Æ¿ôµÇµµ·Ï º¯È¯ÇÑ´Ù.


°³Ã¼¼³¸í°á°úÂü°í
currTimeState HTML+time timeline¿¡ ´ëÇÑ Á¤º¸¸¦ Æ÷ÇÔÇÏ´Â °³Ã¼ÀÌ´Ù.
È°¼ºÈ­µÇ¾úÀ» ¶§ ´ÜÃ߸¦ Ŭ¸¯ÇØ º¸¶ó.
<SCRIPT>document.write(oObj.currTimeState.isActive)</SCRIPT>

accelerate ¼Ó¼º IE (accelerate="iVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ °³Ã¼ÀÇ ½Ã°£ÀÇ °¡¼Ó¿¡ Àû¿ëµÇ´Â °ªÀ» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .accelerate[=sVal]
ÄÚµå: document.write(oObj.accelerate); °á°ú:
accumulate ¼Ó¼º IE (accumulate="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ ¾Ö´Ï¸ÞÀ̼ÇÀÌ ´©ÀûµÇ´Â°¡¸¦ ³ªÅ¸³»´Â °ªÀ» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .accumulate[=sVal]
ÄÚµå: document.write(oObj.accumulate); °á°ú:
additive ¼Ó¼º IE (additive="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ ¾Ö´Ï¸ÞÀ̼ÇÀÌ ´Ù¸¥ ¾Ö´Ï¸ÞÀ̼ÇÀÇ Ãß°¡ºÐÀΰ¡¸¦ ³ªÅ¸³»´Â °ªÀ» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .additive[=sVal]
ÄÚµå: document.write(oObj.additive); °á°ú:
autoReverse ¼Ó¼º IE (autoReverse="bVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ °³Ã¼ÀÇ ½Ã°£ÀÇ Á¤¹æÇâ ÁøÇàÈÄ ¿ª¹æÇâ ÁøÇàÀ» ÇÒ °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .autoReverse[=sVal]
ÄÚµå: document.write(oObj.autoReverse); °á°ú:
begin ¼Ó¼º IE (begin="tVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ °³Ã¼¸¦ Ç÷¹ÀÌÇϴµ¥ ½ÃÀ۵Ǵ Áö¿¬½Ã°£À» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .begin[=sVal]
ÄÚµå: document.write(oObj.begin); °á°ú:
by ¼Ó¼º IE (by="vVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ º¯È¯ÀÇ »ó´ëÀûÀÎ ¿ÀÇÁ¼Â(offset) °ªÀ» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .by[=vVal]
ÄÚµå: document.write(oObj.by); °á°ú:
calcMode ¼Ó¼º IE (calcMode="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ º¯È¯ÀÇ °è»ê ¸ðµå¸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .calcMode[=sVal]
ÄÚµå: document.write(o2Obj.calcMode); °á°ú:
decelerate ¼Ó¼º IE (decelerate="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ °³Ã¼ÀÇ ´Ü¼ø Áö¼ÓÀÇ ³¡À» ¼±¾ðÇÑ °ªÀ» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .decelerate[=sVal]
ÄÚµå: document.write(oObj.decelerate); °á°ú:
dur ¼Ó¼º IE (dur="tVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ °³Ã¼°¡ È°¼ºÈ­µÇ°Å³ª µð½ºÇ÷¹À̵Ǵ Áö¼Ó ½Ã°£À» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .dur[=tVal]
ÄÚµå: document.write(oObj.dur); °á°ú:
end ¼Ó¼º IE (end="tVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ °³Ã¼°¡ ¹Ýº¹Çϵµ·Ï ¼³Á¤µÇ¾úÀ» ¶§ Á¾·á±îÁö³ª ´Ü¼ø Áö¼ÓÀÇ ½Ã°£À» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .end[=tVal]
ÄÚµå: document.write(oObj.end); °á°ú:
from ¼Ó¼º IE (from="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ º¯È¯ÀÇ ½ÃÀÛ°ªÀ» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .from[=sVal]
ÄÚµå: document.write(o2Obj.from); °á°ú:
keySplines ¼Ó¼º IE (keySplines="vVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ ¾Ö´Ï¸ÞÀ̼ÇÀÇ °£°Ý¿¡ Á¤ÀÇµÈ Bezier Á¦¾îÁ¡ ¼³Á¤À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¹®¹ý: .keySplines[=vVal]
ÄÚµå: document.write(oObj.keySplines); °á°ú:
keyTimes ¼Ó¼º IE (keyTimes="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ ¾Ö´Ï¸ÞÀ̼ÇÀÇ °£°ÝÀÇ Á¦¾î¿¡ »ç¿ëµÈ ½Ã°£°ªµéÀÇ ¸ñ·ÏÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¹®¹ý: .keyTimes[=sVal]
ÄÚµå: document.write(oObj.keyTimes); °á°ú:
mode ¼Ó¼º IE (mode="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ º¯È¯ÀÇ ¹æ½ÄÀ» ³ªÅ¸³»´Â °ª in ȤÀº outÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¹®¹ý: .mode[=sVal]
ÄÚµå: document.write(o2Obj.mode); °á°ú:
repeatCount ¼Ó¼º IE (repeatCount="iVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ ¾Ö´Ï¸ÞÀ̼ÇÀÇ ¹Ýº¹ Ƚ¼ö¸¦ ¸ñ·ÏÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¹®¹ý: .repeatCount[=iVal]
ÄÚµå: document.write(oObj.repeatCount); °á°ú:
repeatDur ¼Ó¼º IE (repeatDur="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ ¾Ö´Ï¸ÞÀ̼ÇÀÇ ¹Ýº¹ÀÇ ½Ã°£À» ÃÊ´ÜÀ§³ª ¹®ÀÚ¿­·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¹®¹ý: .repeatDur[=sVal]
ÄÚµå: document.write(oObj.repeatDur); °á°ú:
restart ¼Ó¼º IE (restart="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ ¾Ö´Ï¸ÞÀ̼ÇÀÌ ¾î¶² »óȲ¿¡¼­ ´Ù½Ã ½ÃÀÛÇÒ °ÍÀΰ¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¹®¹ý: .restart[=sVal]
ÄÚµå: document.write(oObj.restart); °á°ú:
speed ¼Ó¼º IE (speed="fVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ ¸ðüÀÇ ½Ã°£¿ë±â¿¡ »ó´ëÀûÀ¸·Î ¾Ö´Ï¸ÞÀ̼ÇÀÇ Ç÷¹ÀÌ ¼Óµµ¸¦ ºÎµ¿¼Ò¼öÁ¡ ¼öÄ¡·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¹®¹ý: .speed[=fVal]
ÄÚµå: document.write(oObj.speed); °á°ú:
subtype ¼Ó¼º IE (subtype="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ º¯È¯¿¡ Àû¿ëµÇ´Â ÇϺΠŸÀÔÀÇ À̸§À» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¹®¹ý: .subtype[=sVal]
ÄÚµå: document.write(o2Obj.subtype); °á°ú:
targetElement ¼Ó¼º IE (targetElement="oVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ ¾Ö´Ï¸ÞÀ̼ÇÀÇ ¸ñÇ¥ ¿¤·¹¸àÆ®¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¹®¹ý: .targetElement[=oVal]
ÄÚµå: document.write(o2Obj.targetElement); °á°ú:
to ¼Ó¼º IE (to="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ º¯È¯ÀÇ Á¾·á°ªÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¹®¹ý: .to[=sVal]
ÄÚµå: document.write(o2Obj.to); °á°ú:
type ¼Ó¼º IE (type="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ º¯È¯¿¡ »ç¿ëµÇ´Â ŸÀÔÀ» ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: .type[=sVal]
ÄÚµå: document.write(o1Obj.type) °á°ú:
values ¼Ó¼º IE (values="sVal"> ¾ÖÆ®¸®ºäÆ®)
¢¡ º¯È¯ÀÇ °ªµéÀÇ ¼¼¹ÌÄÝ·Ð(;)À¸·Î ºÐ¸®µÈ ¸ñ·ÏÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¹®¹ý: .values[=sVal]
ÄÚµå: document.write(oObj.values); °á°ú:

¸Þ¼­µå¼³¸í
activeTimeToParentTime ¿¤·¹¸àÆ®ÀÇ È°¼º ½Ã°£°ªÀ» ¸ðüÀÇ ½Ã°£ Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù.
activeTimeToSegmentTime ¿¤·¹¸àÆ®ÀÇ È°¼º ½Ã°£°ªÀ» Á¶°¢(segment) ½Ã°£ Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù.
beginElement ¿¤·¹¸àÆ®ÀÇ ½Ã°£À» ½ÃÀÛÇÑ´Ù.
beginElementAt ¿¤·¹¸àÆ®ÀÇ ½Ã°£À» ÁöÁ¤ÇÑ ½Ã°£¿¡ ½ÃÀÛÇÑ´Ù.
documentTimeToParentTime ¹®¼­ÀÇ ½Ã°£À» ¿¤·¹¸àÆ® ¸ðüÀÇ ½Ã°£ Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù.
endElement ¿¤·¹¸àÆ®ÀÇ ½Ã°£À» Á¾·áÇÑ´Ù.
endElementAt ¿¤·¹¸àÆ®ÀÇ ½Ã°£À» ÁöÁ¤ÇÑ ½Ã°£¿¡ Á¾·áÇÑ´Ù.
parentTimeToActiveTime ¸ðüÀÇ ½Ã°£À» ¿¤·¹¸àÆ® È°¼º Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù.
parentTimeToDocumentTime ¿¤·¹¸àÆ® ¸ðüÀÇ ½Ã°£À» ¹®¼­ÀÇ ½Ã°£ Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù.
pauseElement ¿¤·¹¸àÆ®ÀÇ ½Ã°£À» Çö ½ËÁ¡¿¡¼­ Àӽà ÁßÁöÇÑ´Ù.
resumeElement ÀϽà Áß½ÃµÈ ¿¤·¹¸àÆ®ÀÇ ½Ã°£À» °è¼ÓÇؼ­ ´Ù½Ã ½ÃÀÛÇÑ´Ù.
seekActiveTime ¿¤·¹¸àÆ®ÀÇ È°¼º ½Ã°£À» ÁöÁ¤µÈ ½Ã°£¿¡ ¸ÂÃß°í ±× ½ËÁ¡ºÎÅÍ Ç÷¹ÀÌ ÇÑ´Ù.
seekSegmentTime ¿¤·¹¸àÆ®ÀÇ Á¶°¢(segment) ½Ã°£À» ÁöÁ¤µÈ ½Ã°£¿¡ ¸ÂÃß°í ±× ½ËÁ¡ºÎÅÍ Ç÷¹ÀÌ ÇÑ´Ù.
seekTo ¹Ýº¹À» Æ÷ÇÔÇÏ¿© ¿¤·¹¸àÆ®ÀÇ Á¶°¢ ½Ã°£À» ÁöÁ¤µÈ ½Ã°£¿¡ ¸ÂÃß°í ±× ½ËÁ¡ºÎÅÍ Ç÷¹ÀÌ ÇÑ´Ù.
segmentTimeToActiveTime ¿¤·¹¸àÆ® Á¶°¢(segment)ÀÇ ½Ã°£À» ¿¤·¹¸àÆ® È°¼º½Ã°£ Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù.
segmentTimeToSimpleTime ¿¤·¹¸àÆ® Á¶°¢(segment)ÀÇ ½Ã°£À» ¿¤·¹¸àÆ® ´Ü¼ø½Ã°£ Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù.
simpleTimeToSegmentTime ¿¤·¹¸àÆ® Á¶°¢ÀÇ ´Ü¼ø½Ã°£À» ¿¤·¹¸àÆ® Á¶°¢ÀÇ ½Ã°£ Æ÷ÀÎÅÍ¿¡ ÇØ´çÇÏ´Â °ªÀ¸·Î º¯È¯ÇÑ´Ù.

À̺¥Æ®¼³¸í
onbegin ¿¤·¹¸àÆ®¿¡¼­ ½Ã°£ÀÌ ½ÃÀÛµÇ¸é ¹ß»ýÇÑ´Ù.
onend ¿¤·¹¸àÆ®¿¡¼­ ½Ã°£ÀÌ ÁßÁöµÇ¸é ¹ß»ýÇÑ´Ù.
onpause ¿¤·¹¸àÆ®¿¡¼­ ½Ã°£ÀÌ ÀӽøØÃß¸é ¹ß»ýÇÑ´Ù.
onrepeat ¿¤·¹¸àÆ®¿¡¼­ ÇÑ ·çÇÁÀÇ ½Ã°£ÀÌ ¿Ï·áµÇ°í ´Ù½Ã ½ÃÀÛµÇ¸é ¹ß»ýÇÑ´Ù.
onresume ¿¤·¹¸àÆ®¿¡¼­ ÀÓ½ÃÁßÁöÇÑ ½Ã°£ÀÌ ´Ù½Ã ½ÃÀÛµÇ¸é ¹ß»ýÇÑ´Ù.
onreverse ¿¤·¹¸àÆ®¿¡¼­ ½Ã°£ÀÌ ¿ª¹æÇâÀ¸·Î ½ÃÀÛµÇ¸é ¹ß»ýÇÑ´Ù.
onseek ¿¤·¹¸àÆ®¿¡¼­ °ËÃâ(seek) ÀÛ¾÷ÀÌ ÀϾ¸é ¾ðÁ¦³ª ¹ß»ýÇÑ´Ù.