JavaScript Tutorial/Event/Timer Event

Материал из Web эксперт
Перейти к: навигация, поиск

Fire Timer event

   <source lang="javascript">

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


Start a timer and cancel a timer

   <source lang="javascript">

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

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

</BODY> </HTML></source>

Источник — «http://wbex.ru/index.php?title=JavaScript_Tutorial/Event/Timer_Event&oldid=8773»