시간이 활성화되면 엘레멘트에 어떤 활동이 취해지는가를 반환하거나 설정한다.
속성값은 시간이 활성화되면 엘레멘트에 어떤 활동이 취해지는가를 나타내는 문자열이다.
| class:classname1 [classname2 ...] |
지정된 classname1, classname2가 시간 엘레멘트의 활성화 동안 적용되고, 불활성화된 동안은 제거된다. 클라스(class) 값은 IE5.5에서 사용할 수 있다. |
| display | 시간 엘레멘트의 활성화 동안 디스플레이되고, 불활성화된 동안은 사라진다. 엘레멘트가 활성화/불활성화 사이로 변경되므로 문서에서 엘레멘트가 탄력적으로 표현될 수 있다. |
| style | 시간 엘레멘트에 활성화 동안 인라인 스타일이 적용되고, 불활성화된 동안은 적용되지 않는다. 인라인 스타일이 지정되지 않았으면 변화가 없다. |
| visibility | 엘레멘트의 visibility 속성으로 시간 엘레멘트의 활성화 동안 엘레멘트가 디스플레이되고, 불활성화된 동안은 사라진다. 엘레멘트가 활성화/불활성화 사이로 변경되므로 문서에서 엘레멘트가 탄력적으로 표현될 수 있다. |
이 속성은 읽기/쓰기이며 디폴트값은 사용하는 엘레멘트에따라 다르다.
t:SEQ 엘레멘트에서 사용되면, 디폴트값은 display이다.
다른 엘레멘트에서 사용되면 디폴트값은 visibility이다.
timeAction 속성에 값 class가 설정되면, 그 클라스는 시간엘레멘트가 비활성화된 동안은 제거된다.
아래 예제를 참조하라.
timeAction에 복수 클라스를 지정하기 위해서는 일반적인 복수 클라스 지정과 마찬가지로 빈칸으로 분리하여 열거하면 된다.
HTML time2 비헤이버에서 탄력적으로 속성을 지정하기 이전에 엘레멘트에 display 애트리뷰트가 none으로 설정되었거나, visibility 애트리뷰트가 hidden으로 설정되어 있으면 엘레멘트는 디스플레이 되지 않는다.
A 엘레멘트에 HTML time2 비헤이버가 적용되면 디폴트로 엘레멘트는 항상 보이지만 연결(hyperlink)은 시간개체가 활성 중에만 디스플레이된다. A 엘레멘트를 보이고, 안보이게 하려면 a 엘레멘트에 timeAction 애트리뷰트를 설정하여야 한다.
| 개체 | script | HTML | 규격 | IE |
|---|
이 속성은 (영문)SMIL 2.0(Synchronized Multimedia Integration Language)에서 정의되었다.
<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<IMPORT namespace=t implementation="#default#time2" />
<STYLE>
.time{behavior:url(#default#time2)}
.testClass{color:red;background-color:ffffaa;border:solid 1 blue;}
</STYLE>
<SCRIPT>
function showAll(){
str='div1Obj.timeAction='+div1Obj.timeAction+'<BR>';
str+='div2Obj.timeAction='+div2Obj.timeAction+'<BR>';
str+='div3Obj.timeAction='+div3Obj.timeAction+'<BR>';
str+='div4Obj.timeAction='+div4Obj.timeAction+'<BR>';
showA.innerHTML=str;
}
</SCRIPT>
</HEAD>
<BODY>
<T:par id="parObj" class="time" begin="1" dur="7" repeatCount="3" onbegin="showAll()">
<DIV id="div1Obj" style="behavior:url(#default#time2)" dur="3"
timeAction="class:testClass">이 문자열은 활성화 시간동안 클라스가 적용된다.</DIV>
<DIV id="div2Obj" class="time testClass" style="color:blue;background-color:aqua" dur="3"
timeAction="style">이 문자열은 활성화 시간동안 스타일이 적용된다.</DIV>
<DIV id="div3Obj" class="time testClass" dur="3"
timeAction="display">이 문자열은 활성화 시간동안 보인다.</DIV>
<DIV id="div4Obj" class="time testClass" dur="3"
timeAction="visibility">이 문자열은 활성화 시간동안 보인다.</DIV>
</T:par><BR>
<BUTTON onclick="parObj.beginElement()">다시 시작</BUTTON>
<DIV id=showA>결과 표시창</DIV>
</BODY>
</HTML>