

<HTML xmlns:t ="urn:schemas-microsoft-com:time">
<HEAD>
<?IMPORT namespace="t" implementation="#default#time2">
<style>.time {behavior: url(#default#time2)}</style>
</HEAD>
<BODY bgcolor="#eeffcc">
<!-- Time Content for testing -->
<DIV timeStartRule="onDocLoad" id = "T2" style="position:absolute;height:170;width:175;background-color:darkgoldenrod;z-index:1"></div>
<t:animateColor additive ="sum" attributeName  = "background-color" calcMode =  "discrete" targetElement = "T2" keytimes="0;.1;.8" values = "#ff0000;#00ff00;#0000ff" begin = "1s" dur = "10s" fill = "remove"/>
<!--*******************************************************************************-->
<!--***************everything past this line is informational**********************-->
<!--*****Timer that displays activeTime and shows persistence*****-->
<DIV align="left" style="position:absolute;top:10;left:300">
<B>TIMER:</B><BR>
Timer:
<span id="Timer" class="time" dur=".01"  repeatCount="indefinite" fill="hold" onrepeat="innerText=parseInt(document.body.currTimeState.activeTime);">0</span><br><br>
<!--*****Expectations, Sample Code, and Information*****-->
<B>EXPECTED BEHAVIOR:</B><br>
Testing: values, keyTimes.<br>
At 0 seconds, the box will be dark golden brown.<br>
At 1 seconds, the box will be orange.<br>
At 2 seconds, the box will be green-yellow.<br>
At 9 seconds, the box will be light purple.<br>
At 11 seconds, the animateColor is removed and the box will be dark golden brown again.<br><br>
<B>SAMPLE CODE:</B><br>
<t:animateColor additive ="sum" attributeName  = "background-color" calcMode =  "discrete" targetElement = "T2" keytimes="0;.1;.8" values = "#ff0000;#00ff00;#0000ff" begin = "1s" dur = "10s" fill = "remove"/><br><br>
<B>INFORMATION:</B><br>
Copyright: Copyright 1998-2005  W3C (MIT, ERCIM, Keio), All Rights Reserved.
See http://www.w3.org/Consortium/Legal/.
Author: Debbie Newman, Microsoft<br>
Version: 11/02/2000<br>
Module: animateColor<br>
Feature: values keytimes<br>
File Name: animateColor_spline_007.htm<br>
Media Components: none<br><br>
</div>
</BODY>
</HTML>