시간 엘레멘트의 현재 진행 상태를 반환한다.

인수
: (속성 부동소수점 수치)

속성값은 시간 엘레멘트의 현재 진행 상태를 엘레멘트의 simpleDur 속성에 상대적으로 나타내는 부동소수점 수치이다.

유효한 속성값의 범위는 0.0에서 1.0 사이이다.

이 속성은 읽기전용이며 디폴트값은 없다.

특기

이 속성값은 시간 엘레멘트의 지속시간동안 연속적으로 업데이트된다. autoReverse 속성이 true로 설정되었으면, then progress 는 1.0에서 사작되고 에 도달할 때까지 혹은 시간이 종료될 때까지 감소되면서 진행된다.

적용
개체scriptHTML규격IE
참조
HTML+time

이 속성은 (영문)SMIL 2.0(Synchronized Multimedia Integration Language)에 Microsoft가 확장한 것이다.


videoObj.currTimeState.progress=0%
videoObj.currTimeState.stateString=
10부터 엔진 점화시간 카운트 다운 7 6 시작 3 2 1 0 발사! 미국인이 우주로 돌아간다. 디스커버리호가 발사대를 떠난다. 디스커버리호.
Video 제어:

시간을 백분율로 표시하는 방식의 예제이다.

<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<SCRIPT>
function update(){ // 진행상태의 시간을 업데이트
  var pro=videoObj.currTimeState.progress;
  var sPro=pro.toString();  // 문자열로 변환
  if (videoObj.currTimeState.stateString != 'holding'){
    if (pro !=0){
      if (sPro.substr(2,1)=='0') sPro=sPro.substr(3,1);  // 한자리 수치 구함(1-9)
      else sPro=sPro.substr(2,2);  // 두자리 수치 구함(10-99)
    } else sPro='0';
  } else sPro='100'; // 종료시 수치
  showProgress.innerText=sPro;
  showStatus.innerText=videoObj.currTimeState.stateString;
}

function updateBtns(){ // 단추들의 업데이트
  switch (videoObj.currTimeState.stateString){
    case 'active':
      if (videoObj.currTimeState.isPaused==true){
        playBtn.disabled=true;
        stopBtn.disabled=false;
        pauseBtn.disabled=true;
        resumeBtn.disabled=false;
      } else {
        playBtn.disabled=true;
        stopBtn.disabled=false;
        pauseBtn.disabled=false;
        resumeBtn.disabled=true;
      }
      break;
    case 'inactive':
      playBtn.disabled=false;
      stopBtn.disabled=true;
      pauseBtn.disabled=true;
      resumeBtn.disabled=true;
      break;
    case 'holding':
      playBtn.disabled=false;
      stopBtn.disabled=true;
      pauseBtn.disabled=true;
      resumeBtn.disabled=true;
      break;
  }
}
</SCRIPT>
<SCRIPT for="document" event="onclick" language="jscript">updateBtns();</SCRIPT>
<STYLE>.time{ behavior: url(#default#time2);}</STYLE>
</HEAD>

<BODY id="docBody"><! onload="update(); updateBtns();">

<SPAN id="timer" class="time" begin="videoObj.begin" dur=".25" repeatcount="indefinite" onrepeat="update();" fill="freeze"></SPAN>
videoObj.currTimeState.progress=<SPAN style="font-weight:bold;" id="showProgress">0</SPAN>%<BR>
videoObj.currTimeState.stateString=<SPAN id="showStatus"></SPAN>

<TABLE width="400'' cellspacing="5" style="background-color:ffffaa;">
<TR>
<TD>
<T:VIDEO class="time" id="videoObj"
  src="http://msdn.microsoft.com/workshop/samples/author/behaviors/media/movie.avi"
  begin="indefinite" fill="freeze" onend="updateBtns(); update();" />
</TD>
</TR>
<TR>
<TD id="caption" style="background-color:eeeeee;height:1.5em">
<T:SEQ id="seqObj" class="time" begin="videoObj.begin+.5">
<SPAN id="Swt10" class="time" dur="1">10부터</SPAN>
<SPAN id="Swt8" class="time" dur="2">엔진 점화시간 카운트 다운</SPAN>
<SPAN id="Swt7" class="time" dur="1">7</SPAN>
<SPAN id="Swt6" class="time" dur="1">6</SPAN>
<SPAN id="Swt5" class="time" begin="1" dur="1">시작</SPAN>
<SPAN id="Swt3" class="time" dur="1">3</SPAN>
<SPAN id="Swt2" class="time" dur="1">2</SPAN>
<SPAN id="Swt1" class="time" dur="1">1</SPAN>
<SPAN id="Swt0" class="time" dur="1">0</SPAN>
<SPAN id="SwtA" class="time" dur="2">발사!</SPAN>
<SPAN id="SwtB" class="time" dur="1.75">미국인이 우주로 돌아간다.</SPAN>
<SPAN id="SwtC" class="time" dur="2">디스커버리호가 발사대를 떠난다.</SPAN>
<SPAN id="SwtD" class="time" begin="1" dur="3">디스커버리호.</SPAN>
</T:SEQ>
</TD>
</TR>
<TR>
<TD style="background-color:eeeeee;padding:5;" align=center>
Video 제어:
<BUTTON id="playBtn" onclick="videoObj.beginElement();">플레이</BUTTON>
<BUTTON id="pauseBtn" onclick="videoObj.pauseElement();seqObj.endElement();">일시중지</BUTTON>
<BUTTON id="resumeBtn" onclick="videoObj.resumeElement();seqObj.resumeElement();">계속</BUTTON>
<BUTTON id="stopBtn" onclick="videoObj.endElement();seqObj.endElement();">종료</BUTTON>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>