onpause 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 on an element pauses.

Syntax

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

Event Information

Bubbles No
Cancels No
To invoke Call the pauseElement method.
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

The onpause event fires on every element that is active when the timeline pauses, including the body element.

Example

This example demonstrates how to use the onpause event, which fires when the element's timeline pauses.

<HTML XMLNS:t="urn:schemas-microsoft-com:time">
<HEAD>
<TITLE>onpause Event</TITLE>
<?IMPORT namespace="t" implementation="#default#time2">
<STYLE>
    .time {behavior:url(#default#time2);}
</STYLE>
</HEAD>

<BODY TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="FIXED" BGCOLOR="#FFFFFF"
    LINK="#000000" VLINK="#808080" ALINK="#000000">
<B>Time container timer:</B>
<SPAN id="Timer2" class="time" dur="1" repeatCount="indefinite"
    onrepeat="innerText=parseInt(t1.currTimeState.activeTime);">0</SPAN>
<BR>

<B>Moving DIV timer:</B>
<SPAN id="Timer3" class="time" dur="1" repeatCount="indefinite"
    onrepeat="innerText=parseInt(a1.currTimeState.activeTime);">0</SPAN>

<P></P>

<t:excl id="t1" begin="indefinite" dur="5" repeatCount="5"
    onpause="alert('Moving DIV is paused!');">
    <t:ANIMATEMOTION ID="a1" targetElement="div1" to="200,0" begin="0" dur="2"
        autoReverse="true" />
</t:excl>

<DIV ID="div1" CLASS="time"
    STYLE="position:relative;top:15px;left:25px;height:100px;width:100px;
        background-color:yellow;text-align:center;font-size:large;
        border:solid black 1px">Moving DIV
</DIV>

<P style="position:relative;top:40px;">
<BUTTON id="b1" onclick="t1.beginElement();">Start</BUTTON>
<BUTTON id="b2" onclick="t1.pauseElement();">Pause</BUTTON>
<BUTTON id="b3" onclick="t1.resumeElement();">Resume</BUTTON>
<BUTTON id="b4" onclick="t1.endElement();">Stop</BUTTON>
</P>
</BODY>
</HTML>

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

Applies To

t:TRANSITIONFILTER, t:ANIMATE, t:ANIMATECOLOR, t:ANIMATEMOTION, t:ANIMATION, t:AUDIO, t:IMG, t:MEDIA, t:PAR, t:REF, t:SEQ, t:SET, time2, t:VIDEO

See Also

onresume, Introduction to HTML+TIME