KoXo 자바스크립트 - 개체(object)

이동 개체
aniObj.currTimeState.isOn=
aniObj.currTimeState.isPause=
DIV 이동 시간 : parseInt(aniObj.currTimeState.activeTime)= 0
반복 횟수 : (excObj.currTimeState.repeatCount+1)= 0
결과 표시창
<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<IMPORT namespace="t" implementation="#default#time2">
<SCRIPT>
window.onload=fnOnLoad;
function fnOnLoad(){  // 타이머 시작.
  window.setInterval(fnUpdateTimes,10);
}
function fnUpdateTimes(){
  swA.innerHTML=aniObj.currTimeState.isOn;
  (aniObj.currTimeState.isOn==true ? swA.innerHTML+='(활성 중)' : swA.innerHTML+='(비활성/홀딩중)'
  );
  swB.innerHTML=aniObj.currTimeState.isPaused;
  (aniObj.currTimeState.isPaused==true ? swB.innerHTML+='(일시중지 중)' : swB.innerHTML+='(일시중지 아님)'
  );
  str='aniObj.currTimeState.isActive='+aniObj.currTimeState.isActive+'<BR>';
  str+='aniObj.currTimeState.isOn='+aniObj.currTimeState.isOn+'<BR>';
  str+='aniObj.currTimeState.activeTime='+aniObj.currTimeState.activeTime+'<BR>';
  str+='aniObj.currTimeState.activeDur='+aniObj.currTimeState.activeDur+'<BR>';
  str+='aniObj.currTimeState.simpleTime='+aniObj.currTimeState.simpleTime+'<BR>';
  str+='aniObj.currTimeState.simpleDur='+aniObj.currTimeState.simpleDur+'<BR>';
  str+='aniObj.currTimeState.segmentTime='+aniObj.currTimeState.segmentTime+'<BR>';
  str+='aniObj.currTimeState.segmentDur='+aniObj.currTimeState.segmentDur+'<BR>';
  str+='aniObj.currTimeState.state='+aniObj.currTimeState.state+'<BR>';
  str+='aniObj.currTimeState.stateString='+aniObj.currTimeState.stateString+'<BR>';
  str+='aniObj.currTimeState.progress='+aniObj.currTimeState.progress+'<BR>';
  str+='aniObj.currTimeState.speed='+aniObj.currTimeState.speed+'<BR>';
  str+='aniObj.currTimeState.parentTimeBegin='+aniObj.currTimeState.parentTimeBegin+'<BR>';
  str+='aniObj.currTimeState.parentTimeEnd='+aniObj.currTimeState.parentTimeEnd+'<BR>';
  showEtc.innerHTML=str;
}
</SCRIPT>
<STYLE> .time{behavior: url(#default#time2);} </STYLE>
</HEAD>
<BODY>
<T:excl id="excObj" begin="indefinite" dur="7" repeatCount="5">
<T:ANIMATEMOTION id="aniObj" targetElement="divObj" to="400,-30" begin="0" dur="3" autoReverse="true" />
</T:excl>

<DIV id="divObj" class="time"
  style="position:relative;top:0px;left:0px;height:50px;width:200px;
    background-color:yellow;padding:9;color:red;border:solid 1 red">이동 개체</DIV>

<P style="margin-top:15px">
<BUTTON id="but1" onclick="excObj.beginElement();">DIV 이동 시작</BUTTON>
<BUTTON id="but2" onclick="excObj.endElement();">DIV 이동 중지</BUTTON>
<BUTTON id="but3" onclick="excObj.pauseElement();">DIV 일시 중지</BUTTON>
<BUTTON id="but4" onclick="excObj.resumeElement();">DIV 이동 계속</BUTTON></P>

<P>aniObj.currTimeState.isOn=<SPAN id="swA" style="color:blue"></SPAN></P>
<P>aniObj.currTimeState.isPause=<SPAN id="swB" style="color:blue"></SPAN></P>

<P>DIV 이동 시간 : parseInt(aniObj.currTimeState.activeTime)=
<SPAN class="time" dur="1" repeatCount="indefinite"
  onrepeat="innerText=parseInt(aniObj.currTimeState.activeTime);" style="color:blue">0</SPAN></P>
<P>반복 횟수 : (excObj.currTimeState.repeatCount+1)=
<SPAN class="time" dur="1" repeatCount="indefinite"
  onrepeat="innerText=(excObj.currTimeState.repeatCount+1);" style="color:blue">0</SPAN></P>
<DIV id=showEtc>결과 표시창</DIV>
</BODY>
</HTML>