simpleTime Property (currTimeState)

HTML (DHTML)

simpleTime Property

Internet Development Index

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

Syntax

[ iTime = ] currTimeState.simpleTime

Possible Values

iTimeInteger that receives the current point in time along a timeline. The value of this property ranges from 0 to the duration (dur) of the element. If the element has the autoReverse property set to true, the simpleTime property will begin decreasing until it reaches 0.

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

Remarks

This property supersedes the localTime property.

Run the example below and note how simpleTime increments as the object moves forward, decrements as the object moves backward, then starts over from zero when the repeatCount increments.

Example

This example 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>
This feature requires Microsoft?Internet Explorer 5.5 or later. Click the following icon to install the latest version. Then reload this page to view the sample.

Standards Information

This property is a Microsoft extension to Synchronized Multimedia Integration Language (SMIL) Non-Microsoft link.

Applies To

currTimeState

See Also

activeTime, segmentTime, Introduction to HTML+TIME