Sets or retrieves what action is taken on the element while the timeline is active.
Syntax
HTML <ELEMENT STYLE="behavior:url(#default#time);" t:TIMEACTION = sAction... > Scripting object.timeAction [ = sAction ]
Possible Values
sAction String that specifies one of the following values:
display Element displays when the timeline is active, and disappears when the timeline is inactive. As the element changes between active and inactive states, the surrounding HTML elements dynamically reflow within the page. none Element takes no action. This is useful for time grouping, when the parent element should not do anything in response to timing. onOff Element's on property toggles between true and false over time. If no on property exists for the element, nothing happens. style Element displays with the inline style when the timeline is active, and displays without the inline style when the timeline is inactive. If no inline style is defined for this element, nothing happens. visibility Element's style.visibility property displays the element when the timeline is active, and makes the element disappear when the timeline is inactive. The surrounding HTML elements do not reflow as a result of the local element changing between active and inactive states. The property is read/write with a default value of visibility. This property cannot be modified in script after the onload event fires on the document body.
Remarks
When this property is used on the HTML BODY element, the default value is none.
The prefix t is used to associate this attribute with an XML namespace.
Example
This example shows text with different timeAction values.
Sample Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML//EN"> <HTML> <HEAD> <STYLE> .time { behavior: url(#default#time);} </STYLE> </HEAD> <BODY BGCOLOR="white"> <SPAN CLASS=time STYLE="Color:Red; Font-Weight:bold;" t:BEGIN="0" t:DUR="5" t:TIMEACTION="style"> <H3>Paragraph 1</H3> <P>This is paragraph number one. It is displayed in red, bold typeface for five seconds. After five seconds, the inline style is no longer applied. The timeAction property is set to "style."</P> </SPAN> <SPAN CLASS=time STYLE="COLOR:Blue;" t:BEGIN="0" t:DUR="10" t:TIMEACTION="display"> <H3>Paragraph 2</H3> <P>This is paragraph number two. It displays for ten seconds. The timeAction property is set to "display."</P> </SPAN> <SPAN> <H3>Paragraph 3</H3> <P>This is paragraph number three. When the second paragraph disappears, this paragraph moves into its place because the document reflows.</P> </SPAN> </BODY> </HTML>
Applies To
animation, audio, img, media, par, seq, time, video
See Also
HTML+TIME