activeTimeToSegmentTime method
Converts a value in the element's active timeline to the corresponding point in the segment timeline.
Syntax
*object.*activeTimeToSegmentTime(activeTime)
Parameters
activeTime [in]
Type: doubleAn Integer that specifies a point on the element's active timeline. Legal values range from
0
to activeDur.
Return value
Type: Integer
An Integer that specifies the point in the segment timeline that corresponds to activeTime.
Examples
This example uses the activeTimeToSegmentTime method to compare the value of the element's active timeline to the corresponding point in the element's segment timeline.
Code example: http://samples.msdn.microsoft.com/workshop/samples/author/behaviors/activeTimeToSegmentTime.htm
<HTML XMLNS:t="urn:schemas-microsoft-com:time">
<HEAD>
<TITLE>activeTimeToSegmentTime Method</TITLE>
<?IMPORT namespace="t" implementation="#default#time2">
<SCRIPT>
window.onload = fnOnLoad;
function fnOnLoad()
{
// Set up a timer to watch the time values.
window.setInterval(fnUpdateTimes, 100);
}
function fnUpdateTimes()
{
s1.innerHTML = " activeTimeToSegmentTime: " +
(a1.activeTimeToSegmentTime(div1.currTimeState.activeTime));
s2.innerHTML = " segmentTime: " +
(a1.currTimeState.segmentTime);
}
</SCRIPT>
<STYLE>
.time{behavior: url(#default#time2);}
</STYLE>
</HEAD>
<BODY TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="FIXED" BGCOLOR="#FFFFFF"
LINK="#000000" VLINK="#808080" ALINK="#000000">
<B>Timer:</B>
<SPAN id="Timer1" class="time" dur="1" repeatCount="indefinite"
onrepeat="innerText=parseInt(document.body.currTimeState.activeTime);">
0</SPAN>
<DIV ID="div1" CLASS="time" STYLE="position:relative;top:25px;left:25px;
height:100px;width:100;background-color:yellow;"></DIV>
<t:ANIMATEMOTION ID="a1" targetElement="div1" to="250,0" dur="3"
autoReverse="true"/>
<SPAN id="s1" style="position:relative;top:40px;">
activeTimeToSegmentTime:</SPAN>
<BR>
<SPAN id="s2" style="position:relative;top:40px;">segmentTime:</SPAN>
</BODY>
</HTML>
See also
Reference
Conceptual