currTimeState개체 activTime, segmentTime, simpleTime, repeatCount 속성 예제

repeatCount=1
simpleTime=0
segmentTime=0
activeTime=0

simpleTime은 처음에는 진행에 따라 증가하고 역방향으로 이동할 때는 감소한다. 한 사이틀이 완료되면 repeatCount는 증가한다.

<HTML xmlns:t ="urn:schemas-microsoft-com:time">
<HEAD>
<STYLE>.time{behavior: url(#default#time2);} </STYLE>
<IMPORT namespace="t" implementation="#default#time2">
<SCRIPT>
window.onload = fnOnLoad;
function fnOnLoad(){
  window.setInterval(fnUpdateTimes, 100);
}

function fnUpdateTimes(){
  oSimpleTime.innerHTML=oAnim.currTimeState.simpleTime;
  oSegmentTime.innerHTML=oAnim.currTimeState.segmentTime;
  oActiveTime.innerHTML=oAnim.currTimeState.activeTime;
}

function fnRepeat(){
  oRepeatCount.innerHTML=oAnim.currTimeState.repeatCount+1;
}
</SCRIPT>
</HEAD>
<BODY>
<T:ANIMATEMOTION id="oAnim" targetElement="oDIV" to="400,100" dur="2" autoReverse="true" repeatCount="5"
  onrepeat="fnRepeat()" fill="freeze"/>
<DIV id="oDiv" class="time" style="position:absolute;left:350;top:30;width:100;height:100;background-color:blue;"></DIV>
<DIV style="font-family:courier;">
  repeatCount=<SPAN id="oRepeatCount">1</SPAN><BR>
  simpleTime=<SPAN id="oSimpleTime">0</SPAN><BR>
  segmentTime=<SPAN id="oSegmentTime">0</SPAN><BR>
  activeTime=<SPAN id="oActiveTime">0</SPAN><BR>
</DIV>
</BODY>
</HTML>