

<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 id="d1" style="position:absolute; color:blue; font-size:.5in; top:5;left:10">H</DIV> 
<DIV id="d2" style="position:absolute; color:blue; font-size:.5in; top:5;left:45">T</DIV> 
<DIV id="d3" style="position:absolute; color:blue; font-size:.5in; top:5;left:75">M</DIV> 
<DIV id="d4" style="position:absolute; color:blue; font-size:.5in; top:5;left:120">L</DIV> 
<DIV id="d5" style="position:absolute; color:blue; font-size:.5in; top:5;left:150">+</DIV> 
<DIV id="d6" style="position:absolute; color:blue; font-size:.5in; top:5;left:180">T</DIV> 
<DIV id="d7" style="position:absolute; color:blue; font-size:.5in; top:5;left:210">i</DIV> 
<DIV id="d8" style="position:absolute; color:blue; font-size:.5in; top:5;left:220">m</DIV> 
<DIV id="d9" style="position:absolute; color:blue; font-size:.5in; top:5;left:255">e</DIV> 
<t:animateMotion  to="5,400" begin="2.25s" accelerate="1" autoreverse="true" repeatCount="5" dur="2s" targetElement="d1" calcmode="linear" fill="freeze"/>
<t:animateMotion  to="5,400" begin="2.5s" accelerate="1" autoreverse="true" repeatCount="5" dur="2s" targetElement="d2" calcmode="linear" fill="freeze"/>
<t:animateMotion  to="5,400" begin="2.75s" accelerate="1" autoreverse="true" repeatCount="5" dur="2s" targetElement="d3" calcmode="linear" fill="freeze"/>
<t:animateMotion  to="5,400" begin="3s" accelerate="1" autoreverse="true" repeatCount="5" dur="2s" targetElement="d4" calcmode="linear" fill="freeze"/>
<t:animateMotion  to="5,400" begin="3.25s" accelerate="1" autoreverse="true" repeatCount="5" dur="2s" targetElement="d5" calcmode="linear" fill="freeze"/>
<t:animateMotion  to="5,400" begin="3.5s" accelerate="1" autoreverse="true" repeatCount="5" dur="2s" targetElement="d6" calcmode="linear" fill="freeze"/>
<t:animateMotion  to="5,400" begin="3.75s" accelerate="1" autoreverse="true" repeatCount="5" dur="2s" targetElement="d7" calcmode="linear" fill="freeze"/>
<t:animateMotion  to="5,400" begin="4s" accelerate="1" autoreverse="true" repeatCount="5" dur="2s" targetElement="d8" calcmode="linear" fill="freeze"/>
<t:animateMotion  to="5,400" begin="4.25s" accelerate="1" autoreverse="true" repeatCount="5" dur="2s" targetElement="d9" calcmode="linear" fill="freeze"/>
<!--*******************************************************************************-->
<!--***************everything past this line is informational**********************-->
<!--*****Timer that displays activeTime and shows persistence*****-->
<DIV align="left" style="position:absolute; 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: accelerate, autoReverse.<br>
At 0 seconds, HTML+time will appear.<br>  
At 2 seconds, each character will start, 0.25 seconds after each other, accelerating downwards to position 5,400.<br>  
At 4-6 seconds, each character will will reach 5,400 then autorevrse.<br>
At 8 seconds, HTML+ Time will be at its starting position.<br>
This will repeat 5 times freezing at 24 seconds.<br><br>
<B>SAMPLE CODE:</B><br>
<DIV id="d1" style="position:absolute; color:blue; font-size:.5in; top:5;left:10"">
H</DIV;><br>
<t:animateMotion  to="5,400" begin="2.25s" accelerate="1" autoreverse="true" repeatCount="5" dur="2s" targetElement="d1" calcmode="linear" fill="freeze"/><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: animateMotion<br>
Feature: accelerate, autoReverse<br>
File Name: animateMotion_accelerate_autoreverse_002.htm<br>
Media Components: none<br><br>
</div>
</BODY>
</HTML>