변환이 종료되는 포인트를 나타내는 값을 반환하거나 설정한다.

인수
: (속성 문자열)

속성값은 변환이 종료되는 포인트를 나타내는 문자열이다.

0.0 변환이 즉시 종료된다.
1.0 디폴트이며 변환이 완료되는 싯점이 종료 포인트이다.

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

이 속성은 읽기전용 혹은 읽기/쓰기로 디폴트값은 1.0이다.

특기

by 속성은 동일한 엘레멘트에서 to 속성과 동시에 사용될 수 없다.
두값이 모두 설정되었으면 by 속성값이 무시된다.

변환의 방식은 to와 from 속성에 설정된 값에따라 방식이 in이나 out으로 변환된다. 예를들어 from 속성값이 1.0이고 to 속성값이 0.0으로 설정되었으면, 변환은 점점 사라지는 방식(out)으로 나타난다. 그러나 점점 사라지는 방식(out)으로 변환하려면, 전형적인 mode 속성을 사용할 수 있다.

values 애트리뷰트값이 설정되었으면, to 속성에 설정된 값이 무시된다.

활성 중인 애니메이션에서 속성들을 스트립트를 사용하여 탄력적으로 변경시키려면, 제작자는 몇가지 주의하여아 한다. 활성 애니메이션의 속성값들을 변경하여 발생 할 수 있는 시도하지 않은 결과를 피하기 위하여, 애니메이션을 beginElement 메서드를 사용하여 다시 시작한다. 예를들면

<SCRIPT>
object.endElement();
object.to='0.8';
object.beginElement();
</SCRIPT>

animate, animateMotion과 animateColor 개체는 HTML time2 비헤이버를 사용하고 다음의 모델에 의하여 애니메이션 속성들을 평가한다.

적용
개체scriptHTML규격IE
참조
HTML+time by clacMode dur fill from targetElement to type

변환 개체 id=trsFltOj

결과 표시창
<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<STYLE>.time{behavior: url(#default#time2);}</STYLE>
<IMPORT namespace=t urn="urn:schemas-microsoft-com:time" implementation="#default#time2" />
<SCRIPT>
var job=ttype='in';
function showAll(){
  if (job=='f+') trsFltObj.from+=0.1;
  if (job=='f-') trsFltObj.from-=0.1;
  if (job=='t+') trsFltObj.to+=0.1;
  if (job=='t-') trsFltObj.to-=0.1;
  if (trsFltObj.from<0) trsFltObj.from=0;
  if (trsFltObj.from>1) trsFltObj.from=1;
  if (trsFltObj.to<0) trsFltObj.to=0;
  if (trsFltObj.to>1) trsFltObj.to=1;
  if (job=='in'){
    ttype=job;
    if (trsFltObj.from>trsFltObj.to){
      hold=trsFltObj.from;
      trsFltObj.from=trsFltObj.to;
      trsFltObj.to=hold;
    }
  } else if (job=='out'){
    ttype=job;
    if (trsFltObj.from<TRSFLTOBJ.to){
      hold=trsFltObj.from;
      trsFltObj.from=trsFltObj.to;
      trsFltObj.to=hold;
    }
  }
  str='trsFltObj.type='+trsFltObj.type+'<BR>';
  str+='trsFltObj.from='+trsFltObj.from.toFixed(1)+'<BR>';
  str+='trsFltObj.to='+trsFltObj.to.toFixed(1)+'<BR>';
  str+='trsFltObj.dur='+trsFltObj.dur+'<BR>';
  job=ttype;
  showA.innerHTML=str;
}
</SCRIPT>
</HEAD>
<BODY>
<T:TRANSITIONFILTER id="trsFltObj" type="fanWipe" dur="indefinate" targetElement="divObj" speed=".3" onbegin="showAll()" />
<DIV class="time" id="divObj" dur="indefinate"
  style=" font:bold x-large fantasy;width:400;height:200;margin:9;padding:9;background:#0000ff;color:#ffffff;">
<SPAN style="position:relative; top:0;">변환 개체 id=trsFltOj</SPAN></DIV>
<BUTTON onclick="showAll();trsFltObj.beginElement()">다시 시작</BUTTON>
<BUTTON onclick="job='out';showAll();trsFltObj.beginElement()">사라지게 변환(out)</BUTTON>
<BUTTON onclick="job='in';showAll();trsFltObj.beginElement()">나타나게 변환(in)</BUTTON><BR>
<BUTTON onclick="job='f-';showAll();trsFltObj.beginElement()">form 감소</BUTTON>
<BUTTON onclick="job='f+';showAll();trsFltObj.beginElement()">from 증가</BUTTON>
<BUTTON onclick="job='t-';showAll();trsFltObj.beginElement()">to 감소</BUTTON>
<BUTTON onclick="job='t+';showAll();trsFltObj.beginElement()">to 증가</BUTTON>
<DIV id=showA>결과 표시창</DIV>
</BODY>
</HTML>