pause Method

DHTML, HTML, & CSS

previous page next page

navigateHomePage Method

removeAttribute Method

Default Behaviors Referen...

Web Workshop | DHTML, HTML & CSS

pause Method

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.

Pauses the timeline on the HTML document.

Syntax

body.pause()

Return Value

No return value.

Remarks

Only the BODY element supports the pause method. When this method is invoked, the onpause event occurs.

Example

This example uses the pause method to control the highlight sequence for rows in a table.

Sample Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML//EN">
<HTML>
<HEAD>
<STYLE>
.time        { behavior: url(#default#time);}
</STYLE>
</HEAD>
<BODY BGCOLOR="white" ID="docbody">
<H1>Pause and Resume</H1>
<P>The following table highlights the text in each row by 
changing the text color and font weight. Use the buttons below the table 
to pause and resume the highlighting sequence.
</P>
<TABLE ID="parent" BORDER="1" CLASS="time" t:DUR="8" 
t:REPEAT="indefinite" t:TIMELINE="SEQ" t:TIMEACTION="none">
<TBODY>
    <TR>
        <TH WIDTH="120">Item</TH>
        <TH WIDTH="50">Code</TH>
        <TH WIDTH="40">Qty.</TH>
    </TR>
    <TR STYLE="color:#483D8B; font-weight:bold;" CLASS="time" 
    t:TIMEACTION="style" t:DUR="2">
        <TD>Apples</TD>
        <TD>A1</TD>
        <TD>7</TD>
    </TR>
    <TR STYLE="color:#483D8B; font-weight:bold;" CLASS="time" 
    t:TIMEACTION="style" t:DUR="2">
        <TD>Bananas</TD>
        <TD>B2</TD>
        <TD>23</TD>
    </TR>
    <TR STYLE="color:#483D8B; font-weight:bold;" CLASS="time" 
    t:TIMEACTION="style" t:DUR="2">
        <TD>Oranges</TD>
        <TD>O3</TD>
        <TD>12</TD>
    </TR>
    <TR STYLE="color:#483D8B; font-weight:bold;" CLASS="time" 
    t:TIMEACTION="style" t:DUR="2">
        <TD>Strawberries</TD>
        <TD>S4</TD>
        <TD>31</TD>
    </TR>
</TBODY>
</TABLE>
<BR>
<BUTTON ID="pauseBtn" onclick="docbody.pause(); 
pauseBtn.disabled = true; resumeBtn.disabled = false;">
    Pause
</BUTTON>  
<BUTTON ID="resumeBtn" DISABLED="true" onclick="docbody.resume(); 
pauseBtn.disabled = false; resumeBtn.disabled = true;">
    Resume
</BUTTON>
</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.

time