Fire Timer event : Timer Event « Event « JavaScript Tutorial






<HTML>
<HEAD>
<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 += x.name +  " " + now + "\r\n"; 
   document.theForm.txtFired.value = displayStr;
}

function startIt (name) {
   x = new Thing (name);
   timerID = setInterval("fireIt()", 1000);
}

function stopIt() {
   clearInterval(timerID);
}

</SCRIPT>
</HEAD>
<BODY>
<FORM name="theForm">
Name your object:<input type=text name="txtName">
                 <input type=button value="Start!" onClick="startIt (txtName.value);">
                 <input type=button value="Stop!"  onClick="stopIt();">
<textarea name="txtFired" cols = 60 rows=20></textarea>
</FORM>
</BODY>
</HTML>








15.9.Timer Event
15.9.1.Fire Timer event
15.9.2.Start a timer and cancel a timer