t:BEGINWITH Attribute | beginWith Property (deprecated)

This page documents a feature of HTML+TIME 1.0, which was released in Microsoft® Internet Explorer 5. We recommend that you migrate your content to the latest version of HTML+TIME, which implements the SMIL 2.0 Working Draft. See the Introduction to HTML+TIME overview for more information.

Sets or gets a value that starts an element timeline at the same time as the referenced element.


Scripting [ sID = ] object.beginWith

Possible Values

sID A String that specifies the unique identifier of another element within the current time scope. The timeline on the current element starts when this referenced element starts.

The property is read/write. The property has no default value.


This property is deprecated. For similar functionality, refer to the begin property available with the time2 behavior.

This property supports relative timing between elements. You can offset the start time by specifying a nonzero value for the t:BEGIN attribute on the element. This indicates that the timeline will start at a specified amount of time after the referenced element starts. This property cannot be used on the same element as the t:BEGINAFTER property or the t:BEGINEVENT property.

The current time scope is defined by the closest parent time container created with the t:TIMELINE attribute, the t:PAR element, or the t:SEQ element. All timed elements within the same parent time container (time siblings) share the current time scope. If no time containers are explicitly declared, the document root is defined as the parent time container. In this case, all timed elements in the document share the current time scope. To create begin dependencies between elements in different time scopes, use the t:BEGINEVENT attribute instead.

The t: prefix is used to associate this attribute with an XML namespace.


This example uses the t:BEGINWITH and t:BEGIN attributes to make a paragraph appear two seconds after the first paragraph appears.

.time    { behavior: url(#default#time);}
<BODY BGCOLOR="white">
<SPAN ID="span1" CLASS=time STYLE="COLOR:Red;" t:BEGIN="2" t:DUR="5"
    <H3>Paragraph 1</H3>
    <P>This is paragraph number one. It appears two seconds after 
    the page loads, and displays for five seconds.</P>
<SPAN ID="span2" CLASS=time STYLE="COLOR:Blue;" t:BEGINWITH="span1"
    t:BEGIN="2" t:TIMEACTION="display">
    <H3>Paragraph 2</H3>
    <P>This is paragraph number two. It appears two seconds after 
    the first paragraph appears, and displays indefinitely.</P>

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

Applies To

t:AUDIO, t:IMG, t:MEDIA, t:PAR, t:SEQ, time, t:VIDEO

See Also

Introduction to HTML+TIME