Partager via

onend Event

  • Article

This topic documents a feature of HTML+TIME 2.0, which is obsolete as of Windows Internet Explorer 9.

Fires when the timeline stops on an element.

Syntax

Inline HTML <ELEMENT onend = "handler(event);" >
Event Property object.onend = handler;
attachEvent object.attachEvent( "onend", handler);
Named script <SCRIPT FOR = object EVENT = onend>

Event Information

Bubbles No
Cancels No
To invoke Set the element's end time. The value of the element's end time, which can depend on other elements, determines when the event actually fires.
Default action Calls the associated event handler.

Event Object Properties

Although event handlers in the DHTML Object Model do not receive parameters directly, a handler can query the event object for the following event properties.

Available Properties

srcElement Gets or sets the object that fired the event.
type Gets or sets the event name from the event object.

Refer to the specific event object for additional event properties.

Remarks

This event also fires for the element when the endElement method is invoked on it, or in response to other dependencies created by the END attribute. If the element timeline has a repeatCount greater than one, this event fires only once after all repetitions are complete. The timing of this event is not affected by the FILL attribute. If the FILL attribute is set to freeze or hold for the element, this event fires when the parent element's timeline completes.

Example

This example causes the onend event to fire when the timeline ends.

<HTML XMLNS:t="urn:schemas-microsoft-com:time">
<HEAD>
<TITLE>onend Event</TITLE>

<STYLE>
    .time {behavior:url(#default#time2);}
</STYLE>

<?IMPORT namespace="t" implementation="#default#time2">

</HEAD>

<BODY TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="FIXED" BGCOLOR="#FFFFFF"
    LINK="#000000" VLINK="#808080" ALINK="#000000">

<t:excl onend="alert('Normal Completion!');">
    <DIV ID="div1" CLASS="time" BEGIN="0" DUR="3">First line of text.</DIV>
    <DIV ID="div2" CLASS="time" BEGIN="2" DUR="3">Second line of text.</DIV>
    <DIV ID="div3" CLASS="time" BEGIN="4" DUR="3">Third line of text.</DIV>
</t:excl>

</BODY>
</HTML>

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

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

onbegin, Introduction to HTML+TIME