beginElement Method (t:TRANSITIONFILTER, t:ANIMATE, t:ANIMATECOLOR, ...)

HTML (DHTML)

beginElement Method

Internet Development Index

Starts the element on the timeline.

Syntax

object.beginElement()

Return Value

No return value.

Remarks

This method applies the same action as if the element's begin time is reached on the local timeline. When the beginElement method is called, the element begins. All time children elements are notified and aligned correctly to the local timeline.

Example

This example displays an image when the countdown reaches 0. Click the Restart Timeline button to restart the timeline with the beginElement method.

<HTML XMLNS:t ="urn:schemas-microsoft-com:time">
<HEAD>
<STYLE>
.time{ behavior: url(#default#time2);}
</STYLE>
<?IMPORT namespace="t" implementation="#default#time">
</HEAD>
<BODY BGCOLOR="white">
<t:SEQ ID="sequence" CLASS="time">
<SPAN CLASS="time" STYLE="Color:Red; font-size:20pt;"
TIMEACTION="display" DUR="1">5...
</SPAN>
<SPAN CLASS="time" STYLE="Color:Green; font-size:20pt;"
TIMEACTION="display" DUR="1">4...
</SPAN>
<SPAN CLASS="time" STYLE="Color:Blue; font-size:20pt;"
TIMEACTION="display" DUR="1">3...
</SPAN>
<SPAN CLASS="time" STYLE="Color:Orange; font-size:20pt;"
TIMEACTION="display" DUR="1">2...
</SPAN>
<SPAN CLASS="time" STYLE="Color:Purple; font-size:20pt;"
TIMEACTION="display" DUR="1">1...
</SPAN><BR>
<IMG CLASS="time" DUR="indefinite"
SRC="../../common/sun.gif"/>
</t:SEQ><BR>
<BUTTON ID="btn" onclick="sequence.beginElement();">
Restart Timeline
</BUTTON>
<BR><BR>
</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 method is defined in Synchronized Multimedia Integration Language (SMIL) 2.0 Non-Microsoft link.

Applies To

t:TRANSITIONFILTER, t:ANIMATE, t:ANIMATECOLOR, t:ANIMATEMOTION, t:ANIMATION, t:AUDIO, t:EXCL, t:IMG, t:MEDIA, t:PAR, t:REF, t:SEQ, t:SET, time2, t:VIDEO

See Also

beginElementAt, endElement, Introduction to HTML+TIME