애니메이션이 누적적인가를 나타내는 값을 반환하거나 설정한다.
속성값은 애니메이션이 누적적인가를 나타내는 문자열이다.
| none | 디폴트이며, 애니메이션이 누적적이 아니다. |
| sum | 한 디스플레이 다음에 디스플레이가 추가적으로 되어 애니메이션이 누적적이다. |
이 속성은 읽기/쓰기로 디폴트값은 none이다.
이 속성은 목표 애트리뷰트 값이 누적을 허용하지 않거나 repeatCount 속성값이 없으면 무시된다. 또한 누적 애니메이션이 to 애트리뷰트를 사용하여 정의되지 않아도 무시된다.
| 개체 | script | HTML | 규격 | IE |
|---|
이 속성은 (영문)SMIL 2.0(Synchronized Multimedia Integration Language)에서 정의되었다.
<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<IMPORT namespace="t" implementation="#default#time2">
<STYLE>.time{ behavior: url(#default#time2);}</STYLE>
<SCRIPT>
function beginNone(){
count.innerText='1';
aniObj.accumulate=accumulate1.innerText='none';
aniObj.beginElement();
showW.innerText=showH.innerText='';
}
function beginSum(){
count.innerText='1';
aniObj.accumulate=accumulate1.innerText='sum';
aniObj.beginElement();
showW.innerText=showH.innerText='';
}
function displayDimension(){
if(aniObj.accumulate=='sum'){
showH.innerText='높이:'+divObj.style.height;
showW.innerHTML='총 너비:550px=('+divObj.style.width+'+('+aniObj.by+'*'+aniObj.repeatCount+'))<HR width=550>';
}else{
showH.innerText='높이:'+divObj.style.height;
showW.innerHTML='총 너비:250px=('+divObj.style.width+'+'+aniObj.by+')<HR width=250>';
}
}
</SCRIPT>
</HEAD>
<BODY>
<T:ANIMATE id="aniObj" targetElement="divObj" attributeName="width" by="150" dur="3" repeatCount="3" begin="indefinite"
onend="displayDimension();" onrepeat="count.innerText=aniObj.currTimeState.repeatCount+1" fill="freeze" />
<DIV id="divObj" style="position:ralative;top:0;left:0;height:50;width:100;padding:9;
background-color:yellow;text-align:center;font-size:20;border:solid 2 blue;">확장 DIV</DIV>
accumulate=<SPAN id="accumulate1" style=color:blue></SPAN><BR>
횟수 : <SPAN id="count" style=color:blue>1</SPAN><BR>
<SPAN id="showH"></SPAN> <SPAN id="showW"></SPAN>
<P>
<BUTTON onclick="beginNone()"><B>accumulate</B>=none</BUTTON>
<BUTTON onclick="beginSum()"><B>accumulate</B>=sum</BUTTON></P>
</BODY>
</HTML>