simpleTime Property

  • Article

This topic documents a feature of HTML+TIME 2.0, which is obsolete as of Windows Internet Explorer 9.

Gets an object's current point along its timeline from zero to its dur value.

Syntax

[ iTime = ] currTimeState.simpleTime

Possible Values

iTime Integer that receives the current point in time on a timeline. The value of this property ranges from zero to the duration (dur) of the element. If the element has the autoReverse property set to true, the simpleTime property begins decreasing until it reaches zero.

The property is read-only. The property has no default value.

Remarks

This property supersedes the localTime property.

The following example shows how simpleTime increments as the object moves forward, decrements as the object moves backward, and then starts over from zero when the repeatCount increments.

Example

This example also shows how activeTime, segmentTime, and simpleTime relate to each other.

<HTML XMLNS:t ="urn:schemas-microsoft-com:time">
<HEAD>

<STYLE>
    .time{behavior: url(#default#time2);}
</STYLE>
<?IMPORT namespace="t" implementation="#default#time2">

<SCRIPT LANGUAGE="JScript">
window.onload = fnOnLoad;

function fnOnLoad()
{
  // Set up a timer to watch the time values.
    window.setInterval(fnUpdateTimes, 100);
}

function fnUpdateTimes()
{
    oSimpleTime.innerHTML = "&nbsp;simpleTime:&nbsp;" + 
        (oAnim.currTimeState.simpleTime);
                          
    oSegmentTime.innerHTML = "segmentTime:&nbsp;" + 
        (oAnim.currTimeState.segmentTime);
                           
    oActiveTime.innerHTML = "&nbsp;activeTime:&nbsp;" + 
        (oAnim.currTimeState.activeTime);
}

function fnRepeat()
{
    oRepeatCount.innerHTML = "repeatCount:&nbsp;" + 
        (oAnim.currTimeState.repeatCount + 1);
        // Add one because repeatCount is zero-based.
}
</SCRIPT>
</HEAD>
<BODY>
<DIV STYLE="font-family:courier;">
<DIV ID="oRepeatCount">repeatCount: 1</DIV>
<DIV ID="oSimpleTime">&nbsp;simpleTime:&nbsp;0</DIV>
<DIV ID="oSegmentTime">segmentTime:&nbsp;0</DIV>
<DIV ID="oActiveTime">&nbsp;activeTime:&nbsp;0</DIV>
</DIV>

<DIV ID="oDiv" CLASS="time" STYLE="position:absolute; left:50px; 
top:250px; width:100px; height:100px; background-color:blue;"></DIV>

<t:ANIMATEMOTION ID="oAnim" targetElement="oDIV" to="340,40" dur="2" 
autoReverse="true" repeatCount="5" onrepeat="fnRepeat()" fill="freeze"/>

</BODY>
</HTML>

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/behaviors/htmltime/animations/timelines.htm

Applies To

currTimeState

See Also

activeTime, segmentTime, Introduction to HTML+TIME