segmentTimeToActiveTime method

Converts a value in the element's segment timeline to the corresponding point in the element's active timeline.

Syntax

object.segmentTimeToActiveTime(segmentTime)

Parameters

  • segmentTime [in]
    Type: double

    An Integer that specifies a point on the element's segment timeline.

Return value

Type: Integer

An Integer that specifies the point in the element's active timeline that corresponds to segmentTime.

Examples

This example uses the segmentTimeToActiveTime method to compare the value of the element's segment timeline to the corresponding point in the element's active timeline.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/behaviors/segmentTimeToActiveTime.htm

<HTML XMLNS:t="urn:schemas-microsoft-com:time">
<HEAD>
<TITLE>segmentTimeToActiveTime 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 = "&nbsp;segmentTimeToActiveTime:&nbsp;" +
    (a1.segmentTimeToActiveTime(div1.currTimeState.activeTime));
  s2.innerHTML = "&nbsp;activeTime:&nbsp;" +
    (a1.currTimeState.activeTime);
}
</SCRIPT>
<STYLE>
    .time{behavior: url(#default#time2);}
</STYLE>
</HEAD>

<BODY>

<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;">segmentTimeToActiveTime:</SPAN>
<BR>
<SPAN id="s2" style="position:relative;top:40px;">activeTime:</SPAN>
</BODY>
</HTML>

See also

transitionFilter

animate

animateColor

animateMotion

animation

audio

excl

img

media

par

ref

seq

set

time2

video

Reference

activeTime

segmentTime

Conceptual

Introduction to HTML+TIME