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:SEQ와 t:VIDEO이다.
아래 테이블에 기술된 내용들은 window.onload 이벤트가 발생될 때까지 스트립트를 통하여 접속할 수 없을 수 있다. 이 이벤트 발생으로 문서가 완전히 로딩된 것이 확인된 후에 모든 비헤이버와 그 속성, 메서드, 이벤트가 적용될 수 있다. onload 이벤트 발생 전에 이 비헤이버를 호출하면 스크립트 오류가 발생되고, 그 내용을 지원하니 않는 것으로 나타난다.
time 비헤이버는 IE5 이상의 win32 플랫트폼에서만 사용될 수 있다.
HTML의 xmlns 애트리뷰트로 생성된 이름자리 namespace인 t:가 접두어로 사용되어야 한다.
| object | element | 설명 |
|---|---|---|
| audio | t:AUDIO | HTML 문서에서 오디오 시간 개체를 정의한다. |
| img | t:IMG | HTML 문서에서 이미지 시간 개체를 정의한다. |
| media | t:MEDIA | HTML 문서에서 미디아 시간 개체를 정의한다. |
| par | t:PAR | HTML 문서에서 각각 독립적으로 진행되는 자식개체들의 모체 시간용기 개체를 정의한다. |
| seq | t:SEQ | HTML 문서에서 각각 순차적으로 진행되는 자식개체들의 모체 시간용기 개체를 정의한다. |
| video | t:VIDEO | HTML 문서에서 비디오 시간 개체를 정의한다. |
HTML의 xmlns 애트리뷰트로 생성된 이름자리 namespace인 t:가 접두어로 사용되어야 한다.
| attribute | property | 설명 |
|---|---|---|
| t:accelerate | accelerate | 엘레멘트의 시간(timeline)을 가속시키는 값을 반환하거나 설정한다. |
| t:autoReverse | autoReverse | 시간이 정방향 진행 직후 역방향으로 흐를 것인가를 부울값으로 반환하거나 설정한다. |
| t:begin | begin | 엘레멘트를 플레이하기 전의 지연시간을 반환하거나 지정한다. |
| t:beginAfter | beginAfter | 참조 엘레멘트가 종료되면 개체의 시간이 시작하는가를 나타내는 값을 반환하거나 설정 |
| t:beginEvent | beginEvent | 참조 이벤트가 발생되면 개체의 시간이 시작하는가를 나타내는 값을 반환하거나 설정 |
| t:beginWith | beginWith | 참조 엘레멘트와 동시에 현재 엘레멘트의 시간이 시작되는 값을 반환하거나 설정한다. |
| currTime | 엘레멘트의 t:dur나 t: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:repeat나 t: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 | |
문서가 로딩되고 2초후에 시작한다.
모든 시간개체가 완료되었다.
<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>