HTML 엘레멘트나 엘레멘트의 구룹에 활성 시간(timeline)을 제공한다.

script object.style.behavior="url('#default#time2')";
object.addBehavior("#default#time2");
HTML <ELEMENT style="behavior:url('#default#time2')" id=idVal>
XML <t:PreDefinedTag id=idVal style="behavior:url('#default#time2')" />

HTML+time 1.0 기능으로 불량화되었다. HTML+time 2.0을 사용하라.

인수 idVal 개체의 유일한 인식자 문자열이다.
특기

이 비헤이버는 불량화되고 time2 비헤이버로 대체되었다.

이 디폴트 비헤이버는 HTML 문서에 시간을 추가한다.
HTML+time(Timed Interactive Multimedia Extensions)을 사용하므로서 어떤 HTML 엘레멘트를 지정한 시간에 나타나도록하거나, 원하는 시간동안 지속하게 하고, 필요하면 반복하게 할 수 있다.

time 비헤이버는 적용할 수 있는 시간 엘레멘트의 애트리뷰트, 속성, 메서드, 이벤트를 지원한다.
이 비헤이버가 지원하는 HTML 엘레멘트는 t:AUDIO, t:IMG, t:MEDIA, t:PAR, t:SEQt:VIDEO이다.

아래 테이블에 기술된 내용들은 window.onload 이벤트가 발생될 때까지 스트립트를 통하여 접속할 수 없을 수 있다. 이 이벤트 발생으로 문서가 완전히 로딩된 것이 확인된 후에 모든 비헤이버와 그 속성, 메서드, 이벤트가 적용될 수 있다. onload 이벤트 발생 전에 이 비헤이버를 호출하면 스크립트 오류가 발생되고, 그 내용을 지원하니 않는 것으로 나타난다.

time 비헤이버는 IE5 이상의 win32 플랫트폼에서만 사용될 수 있다.


HTMLxmlns 애트리뷰트로 생성된 이름자리 namespacet:가 접두어로 사용되어야 한다.

objectelement설명
audio t:AUDIO HTML 문서에서 오디오 시간 개체를 정의한다.
img t:IMG HTML 문서에서 이미지 시간 개체를 정의한다.
media t:MEDIA HTML 문서에서 미디아 시간 개체를 정의한다.
par t:PAR HTML 문서에서 각각 독립적으로 진행되는 자식개체들의 모체 시간용기 개체를 정의한다.
seq t:SEQ HTML 문서에서 각각 순차적으로 진행되는 자식개체들의 모체 시간용기 개체를 정의한다.
video t:VIDEO HTML 문서에서 비디오 시간 개체를 정의한다.

HTMLxmlns 애트리뷰트로 생성된 이름자리 namespacet:가 접두어로 사용되어야 한다.

attribute property 설명
t:accelerate accelerate 엘레멘트의 시간(timeline)을 가속시키는 값을 반환하거나 설정한다.
t:autoReverse autoReverse 시간이 정방향 진행 직후 역방향으로 흐를 것인가를 부울값으로 반환하거나 설정한다.
t:begin begin 엘레멘트를 플레이하기 전의 지연시간을 반환하거나 지정한다.
t:beginAfter beginAfter 참조 엘레멘트가 종료되면 개체의 시간이 시작하는가를 나타내는 값을 반환하거나 설정
t:beginEvent beginEvent 참조 이벤트가 발생되면 개체의 시간이 시작하는가를 나타내는 값을 반환하거나 설정
t:beginWith beginWith 참조 엘레멘트와 동시에 현재 엘레멘트의 시간이 시작되는 값을 반환하거나 설정한다.
  currTime 엘레멘트의 t:durt:end 애트리뷰트에 지정한 현재의 시간을 반환한다.
t:decelerate decelerate 엘레멘트의 단순 지속 시간(timeline)을 감속시키는 값을 반환하거나 설정한다.
t:dur dur 엘레멘트를 플레이하거나 디스플레이하는 동안의 시간을 반환하거나 지정한다.
t:end end 개체의 종료 시간이나 반복되는 개체에서 한 과정이 끝나는 시간의 값이나, t:repeat 설정에서 단순 지속시간의 종려 시간을 반환하거나 설정한다.
t:endEvent endEvent 참조 이벤트가 발생되면 repeat 횟수나 t:repeatDur 속성에 관계없이 즉시 종료하는가를 나타내는 부울값을 반환하거나 설정한다.
t:endHold endHold 모체의 시간이 종료 전에 개체의 시간이 종료되면 엘레멘트가 계속 활성인가를 나타내는 부울값을 반환하거나 설정한다.
t:eventRestart eventRestart 개체 시간이 이미 활성 중인 상태에서 t:beginEvent가 호출되면 개체가 다시 시작되어야 하는가를 반환하거나 설정한다.
  localTime t:repeatt:repeatDur 애트리뷰트에서 지정한 엘레멘트의 지역 지속시간의 현재 시간상태를 나타내는 문자열을 반환한다.
  progressBehavior 지정된 시간 엘레멘트 DirectAnimation의 현재 진행 상태를 반환한다.
t:repeat repeat 시간 엘레멘트의 반복 횟수를 반환하거나 설정한다.
t:repeatDur repeatDur 시간 엘레멘트의 반복시간을 초단위로 반환하거나 설정한다.
t:syncBehavior syncBehavior 시간 개체의 동기화 내용을 나타내는 문자열을 반환하거나 설정한다.
  syncTolerance locked 동기화를 갖는 시간에서 허용되는 시간 차이를 설정하거나 반환한다.
t:timeAction timeAction 시간이 활성화되면 엘레멘트에 어떤 활동이 취해지는가를 반환하거나 설정한다.
t:timeline timeline HTML엘레멘트와 연관된 시간의 형식을 반환하거나 설정한다.
  timelineBehavior 지정된 개체와 연관된 시간 비헤이버에 포함된 DirectAnimation 개체의 번호를 반환한다.
t:timeStartRule timeStartRule 문서의 시간이 시작되는 포인트를 반환하거나 설정한다

메서드 설명
beginElement 엘레멘트의 시간을 시작한다.
endElement 엘레멘트의 시간을 종료한다.

이벤트 설명
onbegin 엘레멘트의 시간이 시작되면 발생한다.
onend 엘레멘트의 시간이 종료되면 발생한다.
onpause 엘레멘트가 임시중지(pause)되면 발생한다.
onrepeat 엘레멘트의 시간이 한번의 진행을 완료하고 반복의 다음 번이 진행이 시작되면 발생한다.
onresume 엘레멘트의 시간이 임시중지(pause)에서 해제되고 계속되면 발생한다.
onreverse 엘레멘트의 시간이 정방향 진행을 완료하고 역박향으로 진행이 시작되면 발생한다.

적용
개체 IE
<ELEMENT style="behavior:url('#default#time2')" id=idVal> IE5(win32)
A ACRONYM ADDRESS AREA B BIG BLOCKQUOTE BUTTON CAPTION CENTER CITE CODE DD DEL DIR DIV DL DT EM FIELDSET FONT FORM hn HR I IFRAME IMG INPUT type=button INPUT type=checkbox INPUT type=file INPUT type=hidden INPUT type=image INPUT type=password INPUT type=radio INPUT type=reset INPUT type=submit INPUT type=text INS KBD LEGEND LI LISTING MARQUEE MENU OL OPTION P plainText PRE Q S SAMP SELECT SMALL SPAN STRIKE STRONG SUB SUP TABLE TBODY TD TEXTAREA TFOOT TH THEAD TR TT U UL VAR XMP
참조
HTML+time2 SMIL 2.0

time 비헤이버 예제

문서가 로딩되고 2초후에 시작한다.

  • 이미지와 같이 나타난다.
  • 이미지가 나타나고 2초 후에 나타나 5초간 지속된다.
  • 이미지가 사라지며 나타나고 5초간 지속된다.
  • 이미지와 같이 나타난다.
  • 이미지가 나타나고 2초 후에 나타난다.
  • 이미지가 나타나고 6초 후에 나타난다.

모든 시간개체가 완료되었다.

<HTML>
<HEAD>
<XML:namespace prefix="t"/>
<STYLE>.time { behavior:url(#default#time);}</STYLE>
</HEAD>
<BODY>
<P class=time t:begin="0" t:dur="indefinite">문서가 로딩되고 2초후에 시작한다.</P>
<T:IMG class=time t:begin="2" t:dur="7" t:timeAction="display" t:src="../../gif/rfbehavior.gif"  />
<T:IMG class=time t:begin="14" t:dur="indefinite" t:timeAction="display" t:src="../../gif/rfexample.gif"/>
<UL style="color:blue;">
<LI class=time t:begin="2" t:dur="7" t:timeAction="display">이미지와 같이 나타난다.</LI>
<LI class=time t:begin="4" t:dur="5" t:timeAction="display">이미지가 나타나고 2초 후에 나타나 5초간 지속된다.</LI>
<LI class=time t:begin="9" t:dur="5" t:timeAction="display">이미지가 사라지며 나타나고 5초간 지속된다.</LI>
</UL>
<UL style="color:red;">
<LI class=time t:begin="14" t:dur="indefinite" t:timeAction="display">이미지와 같이 나타난다.</LI>
<LI class=time t:begin="16" t:dur="indefinite" t:timeAction="display">이미지가 나타나고 2초 후에 나타난다.</LI>
<LI class=time t:begin="20" t:dur="indefinite" t:timeAction="display">이미지가 나타나고 6초 후에 나타난다.</LI>
</UL>
<P class=time t:begin="20" t:dur="indefinite">모든 시간개체가 완료되었다.</P>
</BODY>
</HTML>