KoXo 자바스크립트 - 속성(property) - t:timeAction | timeaction (t:AUDIO, t:IMG, t:MEDIA, ...) (time)

시간이 활성화되면 엘레멘트에 어떤 활동이 취해지는가를 반환하거나 설정한다.

1 이 문자열은 활성화 시간동안 클라스가 적용된다.

2 이 문자열은 활성화 시간동안 스타일이 적용된다.

3 이 문자열은 활성화 시간동안 보인다.

4 이 문자열은 활성화 시간동안 보인다.

결과 표시창

<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" t:begin="1" t:dur="7" t:repeat="3" onbegin="showAll()">
<DIV id="div1Obj" style="behavior:url(#default#time)" t:dur="3" style="top:0"
  t:timeAction="class:testClass">1 이 문자열은 활성화 시간동안 클라스가 적용된다.</DIV>
<DIV id="div2Obj" class="time testClass" style="color:blue;background-color:aqua" t:dur="3" style="top:2.5em"
  t:timeAction="style">2 이 문자열은 활성화 시간동안 스타일이 적용된다.</DIV>
<DIV id="div3Obj" class="time testClass" t:dur="3" style="top:5em"
  t:timeAction="display">3 이 문자열은 활성화 시간동안 보인다.</DIV>
<DIV id="div4Obj" class="time testClass" t:dur="3" style="top:7.5em"
  t:timeAction="visibility">4 이 문자열은 활성화 시간동안 보인다.</DIV>
</T:par><BR>
<BUTTON onclick="parObj.beginElement()">다시 시작</BUTTON>
<DIV id=showA>결과 표시창</DIV>
</BODY>
</HTML>

class:classname1 [classname2 ...]	지정된 classname1, classname2가 시간 엘레멘트의 활성화 동안 적용되고, 불활성화된 동안은 제거된다. 클라스(class) 값은 IE5.5에서 사용할 수 있다.
display	시간 엘레멘트의 활성화 동안 디스플레이되고, 불활성화된 동안은 사라진다. 엘레멘트가 활성화/불활성화 사이로 변경되므로 문서에서 엘레멘트가 탄력적으로 표현될 수 있다.
none	엘레멘트에 영향을 주지 않는다. 이는 시간에따라 모체 엘레멘트가 아무 반응도 일으키지 말하야 하는 경우 시간을 구룹화 시티는데 유용하다. timeAction 속성값이 none으로 설정되면 계속 메이어가 플레이 된다.
onOff	엘레멘트이 속성이 시간에따라 true와 false 사이에 교차한다. 속성값이 yes와 no를 필요로하는 경우 이 onOff 값은 원하지 않는 결과를 초래할 수 있다.
style	시간 엘레멘트에 활성화 동안 인라인 스타일이 적용되고, 불활성화된 동안은 적용되지 않는다. 인라인 스타일이 지정되지 않았으면 변화가 없다.
visibility	디폴트이며, 엘레멘트의 visibility 속성으로 시간 엘레멘트의 활성화 동안 엘레멘트가 디스플레이되고, 불활성화된 동안은 사라진다. 엘레멘트가 활성화/불활성화 사이로 변경되므로 문서에서 엘레멘트가 탄력적으로 표현될 수 있다.

showProp() 속성 예제

속성 예제