Using a Timer

Using a Timer : Timer : Development JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » Development » Timer »

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 + "rn"; 
   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>