Using a Timer : Timer « Development « JavaScript DHTML

Using a Timer

/*

Learn How to Program Using Any Web Browser
by Harold Davis 

Apress CopyRight 2004

ISBN: 1590591135
*/
<HTML>
<HEAD>
<TITLE>As time goes by...</TITLE>
<SCRIPT> 
var timerID; 
var x; 
function Thing (name) { 
   this.name = name; 
} 
function fireIt () { 
   var now = new Date(); 
   var displayStr = window.document.theForm.txtFired.value; 
   displayStr += "Hello: " + x.name + " "  + now + "\r\n"; 
   window.document.theForm.txtFired.value = displayStr; 
} 
function startIt (name) { 
   x = new Thing (name); 
   timerID = setInterval("fireIt()", 1000); 
} 
function stopIt() { 
   clearInterval(timerID); 
} 
</SCRIPT>
</HEAD>
<BODY>
<TABLE>
<FORM name="theForm">
<TR>
<TD>Name your object:</TD>
<TD>
<input type=text 
name="txtName">
</TD>
</TR>
<TR>
<TD>
</TD>
<TD>
<input type=button value="Start!" 
   onClick="startIt (txtName.value);">
</TD>
<TD>
<input type=button value="Stop!" 
   onClick="stopIt();">
</TD>
</TR>
<TR>
<TD>
</TD>
<TD>
</TD>
</TR>
<TR>
<TD colspan=2>
<textarea name="txtFired" cols = 60 
rows=20>
</textarea>
</TD>
</TR>
</FORM>
</TABLE>
</BODY>
</HTML>

Related examples in the same category

1.	setInterval() and clearInterval() methods
2.	A Countdown Timer
3.	Timer Events Demo
4.	Timer Events Demo 2
5.	Accessing Document Contents
6.	A Timeout Processing Example