

<HTML xmlns:t ="urn:schemas-microsoft-com:time">
<HEAD>
<?IMPORT namespace="t" implementation="#default#time2">
<style>.time {behavior: url(#default#time2)}</style>
</HEAD>
<BODY>
<!-- Time Content for testing -->
<DIV id = "T1" style="position:absolute;height:20;width:20;top:10;left:150; background-color:green;z-index:2"></div>
<IMG src="../images/pathcirc.gif" height="300" width="300" />
<t:animateMotion begin="2s" dur="4s" calcMode="spline" targetElement="T1" keytimes="0;.5;1" keysplines=" .9 0 1 1; 0 0 .1 1" path="M 0 0 C 200 0  200 300 0 300  C -200 300  -200 0 0 0"  fill="freeze" />
<!--*******************************************************************************-->
<!--***************everything past this line is informational**********************-->
<!--*****Timer that displays activeTime and shows persistence*****-->
<DIV align="left" style="position:absolute; left:375">
<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: path.<br>
At 0 seconds, the green dot will be over top of the circle.<br>
At 2 seconds, the green dot will begin accerating clockwise around the red path.<br>
Around 4 seconds, the green dot will begin decelcerating  continuing clockwise around the red path.<br>
At 6 seconds, the green dot will reach its original position.<br>
<br><br>
<B>SAMPLE CODE:</B><br>
<t:animateMotion begin="2s" dur="4s" calcMode="spline" targetElement="T1" keytimes="0;.5;1" keysplines=" .9 0 1 1; 0 0 .1 1" path="M 0 0 C 200 0  200 300 0 300  C -200 300  -200 0 0 0"  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:  calcMode =spline, keyTimes, keySplines,  path<br>
File Name: animateMotion_path_003.htm<br>
Media Components: images/pathcirc.gif<br><br>
</div>
</BODY>
</HTML>