END Attribute | end Property

MS Office DHTML, HTML & CSS

previous page next page

Click to return to the DHTML, HTML & CSS home page

DUR Attribute | dur Prope...

ENDEVENT Attribute | endE...

Default Behaviors Referen...

Web Workshop | DHTML, HTML & CSS

END Attribute | end Property

This document describes technologies available as an experimental implementation of HTML+TIME within Internet Explorer 5. While we encourage you to evaluate these features and to send us your feedback Internet Link

, please note that these features are subject to change.

Sets or retrieves a value indicating the end time for the element, or the end of the simple duration when the element is set to repeat.

Syntax

HTML <ELEMENT STYLE="behavior:url(#default#time);" t:END = sTime... >

Scripting object.end [ = sTime ]

HTML	<ELEMENT STYLE="behavior:url(#default#time);" t:END = sTime... >
Scripting	object.end [ = sTime ]

Possible Values

sTime String that specifies one of the following values:

indefinite Element remains active on the timeline for an indefinite amount of time.

end Number of seconds along the timeline at which the element will become inactive. The time must be specified as described in Time Formats.

The property is read/write with a default value of indefinite. This property cannot be modified in script after the onload event fires on the document body.

Remarks

The END attribute represents an absolute value along the parent element's timeline starting at 0 seconds. By contrast, the DUR attribute represents a value relative to the value of the element's BEGIN attribute. Do not use the END attribute on the same element as the DUR attribute.

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

Example

This example uses the END attribute to display three lines of text, each with its own start time, but all with the same end time.

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;" t:BEGIN="0" t:END="10"
    t:TIMEACTION="visibility">
    <H3>Paragraph 1</H3>
    <P>This is paragraph number one. It is displayed as soon as 
	the page is loaded.</P>
</SPAN>
<SPAN CLASS=time STYLE="COLOR:Blue;" t:BEGIN="3" t:END="10"
    t:TIMEACTION="visibility">
    <H3>Paragraph 2</H3>
    <P>This is paragraph number two. It is displayed three seconds 
	after the page is loaded.</P>
</SPAN>
<SPAN CLASS=time STYLE="COLOR:Green;" t:BEGIN="6" t:END="10"
    t:TIMEACTION="visibility">
    <H3>Paragraph 3</H3>
    <P>This is paragraph number three. It is displayed six seconds 
	after the page is loaded.</P>
</SPAN>
<P>The preceding paragraphs have different start times, but they
all have an end value of ten. Therefore, all three paragraphs will
disappear when the timeline reaches ten seconds.</P>
</BODY>
</HTML>

This feature requires Internet Explorer 5 or later. Click the icon below to install the latest version. Then reload this page to view the sample.

Applies To

[ Object Name ]

Platform Version

Win16:

Win32:

Mac:

Unix:

WinCE:

Version data is listed when the mouse hovers over a link, or the link has focus.

animation, audio, img, media, par, seq, time, video