JavaScript Tutorial/Event/Timer Event

Материал из Web эксперт
Версия от 18:52, 25 мая 2010; (обсуждение)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

Fire Timer event

<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>


Start a timer and cancel a timer

<HTML>
<HEAD>
<SCRIPT>
var myTimer;

function fireIt () {
   var now = new Date();
   var displayStr = now + "\r\n"; 
   window.document.theForm.myOutput.value = displayStr;
}
function startIt () {
   myTimer = setInterval("fireIt()", 1000);
}
function stopIt() {
   clearInterval(myTimer);
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE>
<FORM name="theForm">
     <input type=button value="Start!" onClick="startIt ();">
     <input type=button value="Stop!" onClick="stopIt();">
     <textarea name="myOutput" cols = 60 rows=20></textarea>
</FORM>
</TABLE>
</BODY>
</HTML>