Sets or retrieves a value indicating that the timeline of an element starts when the referenced element ends.
Syntax
HTML <ELEMENT STYLE="behavior:url(#default#time);" t:BEGINAFTER = sID... > Scripting object.beginAfter [ = sID ]
Possible Values
sID String that specifies the unique identifier of another timed element within the current time scope. The timeline begins on the current element when the referenced element ends. For more information about time scope, see the Remarks section. The property is read/write with no default value. This property cannot be modified in script after the onload event fires on the document body.
Remarks
This property supports relative sequential timing. You can offset the start time by specifying a nonzero value for the BEGIN attribute on the element. This indicates that the timeline should start a specified amount of time after the timeline on the referenced element ends. If the referenced element has an indefinite duration, the timeline on the current element does not start. This property cannot be used on the same element as the BEGINEVENT or BEGINWITH attribute.
The current time scope is defined by the closest parent time container created with the TIMELINE attribute or the PAR or 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 would share the current time scope. To create timing dependencies between elements in different time scopes, use the BEGINEVENT attribute instead of the BEGINAFTER attribute.
The prefix t is used to associate this attribute with an XML namespace.
Example
This example uses the BEGINAFTER and BEGIN properties to make a paragraph appear one second after the first paragraph appears.
Sample Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML//EN"> <HTML> <HEAD> <STYLE> .time { behavior: url(#default#time);} </STYLE> </HEAD> <BODY BGCOLOR="white"> <SPAN ID="span1" CLASS=time STYLE="COLOR:Red;" t:BEGIN="2" t:DUR="5" t:TIMEACTION="display"> <H3>Paragraph 1</H3> <P>This is paragraph number one. It appears 2 seconds after the page is loaded and remains displayed for 5 seconds.</P> </SPAN> <SPAN CLASS=time STYLE="COLOR:Blue;" t:BEGIN="1" t:BEGINAFTER="span1" t:TIMEACTION="display"> <H3>Paragraph 2</H3> <P>This is paragraph number two. It appears one second after the first paragraph disappears, and remains displayed indefinitely.</P> </SPAN> </BODY> </HTML>
Applies To
animation, audio, img, media, par, seq, time, video
See Also
HTML+TIME, BEGIN, BEGINEVENT, BEGINWITH