onpause Event (t:TRANSITIONFILTER, t:ANIMATE, t:ANIMATECOLOR, ...)

HTML (DHTML)

previous page next page

onpause Event

Fires when the timeline on an element pauses.

Syntax

Inline HTML <ELEMENT onpause = "handler" ... > All platforms
Event property object.onpause = handler JScript only
object.onpause = GetRef("handler") Visual Basic Scripting Edition (VBScript) 5.0 or later only
Named script <SCRIPT FOR = object EVENT = onpause> Internet Explorer only

Inline HTML	<ELEMENT onpause = "handler" ... >	All platforms
Event property	object.onpause = handler	JScript only
object.onpause = GetRef("handler")	Visual Basic Scripting Edition (VBScript) 5.0 or later only
Named script	<SCRIPT FOR = object EVENT = onpause>	Internet Explorer only

Event Information

Bubbles No
Cancels No
To invoke Call the pauseElement method.
Default action Calls the associated event handler.

Bubbles	No
Cancels	No
To invoke	Call the pauseElement method.
Default action	Calls the associated event handler.

Available Properties

Available Properties
srcElement
type

srcElement
type

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>

This feature requires Microsoft?Internet Explorer 5.5 or later. Click the following icon to install the latest version. Then reload this page to view the sample.

Standards Information

This event is a Microsoft extension to Synchronized Multimedia Integration Language (SMIL) .

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

	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