<html xmlns:t ="urn:schemas-microsoft-com:time" >
<head>
<style>
.time    { behavior: url(#default#time2);}
DIV {border:1px solid black; height:100; width:100}
</style>
<?IMPORT namespace="t" implementation="#default#time2">
</head>
<BODY BGCOLOR=white>
<!-- Time Element for testing -->
<DIV id="timedElement" style="background:#000000;"></DIV>
<t:animateColor id="a1"
targetElement="timedElement"
attributeName="backgroundColor"
begin="1" dur="2s"
additive="replace"
to="#0000ff"
fill="remove"
calcmode="discrete"
onend="Timer.endElement()"
/><BR>
<!--*******************************************************************************-->
<!--***************everything past this line is informational**********************-->
<!-- This is FOR verifing time -->
<B>TIME:</B><BR>
Timer:
<span id="Timer" class="time" dur=".01"  repeatCount="indefinite" fill="hold"
onrepeat="innerText=parseInt(document.body.currTimeState.activeTime);">0</span>
<br>
Backgroundcolor = <span id=ReadTop class="time" begin="a1.begin" timeAction="style" dur="0.02" repeatCount="indefinite" onrepeat="innerText=timedElement.runtimeStyle.backgroundColor">#000000</span>
<br><br>
<!-- Expectations, Sample Code, and Information -->
<B>EXPECTED BEHAVIOR:</B><br>
animateColor will begin at 1 second and have a duration of 2 seconds.<br>
At 0 seconds, the color will be BLACK - #000000.<SPAN style="background:#000000; font-size:10pt">     </SPAN><br>
At 1 second, animateColor begins and the color will imediately turn BLUE - #0000FF.<SPAN style="background:#0000FF; font-size:10pt">     </SPAN><br>
At 2 seconds, the midpoint of animateColor, the color stays BLUE.<br>
At 3 seconds, the color should still be BLUE and animateColor Ends.<br>
After animateColor ends, fill=remove should return the background-color to BLACK.<SPAN style="background:#000000; font-size:10pt">     </SPAN><br>
**Note: calcmode="discrete" color values jump from one to the next without animation
<br><br>
<B>SAMPLE CODE:</B><br>
<div id="timedElement" style="border:1px solid black;background:BLACK; width:100; height:100;"></div><br>
<t:animateColor targetElement="timedElement" attributeName="backgroundColor" begin="1s" dur="2s" to="#0000ff" fill="remove" calcmode="discrete"></t:animateColor>
<br>
<br>
<B>INFORMATION:</B><br>
Copyright: Copyright 1998-2001 W3C (MIT, INRIA, Keio), All Rights Reserved.
See http://www.w3.org/Consortium/Legal/.
Author: Debbie Newman, Microsoft<br>
Version: 10/09/2000<br>
Module: animation<br>
Feature: animateColor calcmode=discrete, fill=remove<br>
File Name: animateColor_to_remove_discrete.htm<br>
Media Components: None<br><br>
</BODY>
</HTML>