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>
Applies To
time
See Also
resume