eEcho blog

is een halte van de gedachte

JavaScript Timer

The setInterval() method calls a function / evaluates an expression at specified intervals (in milliseconds).

The setInterval() method will continue calling the function until clearInterval() is called or the window is closed. The ID value returned by setInterval() is used as the parameter for the clearInterval() method.
Syntax

setInterval(code,millisec[,”lang”])

Parameter Description
code Required. A pointer to a function or the code to be executed
millisec Required. The number of milliseconds
lang Optional. JScript | VBScript | JavaScript

setTimeout(”method()”, delay)

<script language="JavaScript">

<!–
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com

var timerID = 0;
var tStart = null;

function UpdateTimer() {
   if(timerID) {
      clearTimeout(timerID);
      clockID = 0;
   }

   if(!tStart)
      tStart   = new Date();

   var   tDate = new Date();
   var   tDiff = tDate.getTime() - tStart.getTime();

   tDate.setTime(tDiff);

   document.theTimer.theTime.value = ""
                                  + tDate.getMinutes() + ":"
                                  + tDate.getSeconds();
   
   timerID = setTimeout("UpdateTimer()", 1000);
}

function Start() {
   tStart   = new Date();

   document.theTimer.theTime.value = "00:00";

   timerID = setTimeout("UpdateTimer()", 1000);
}

function Stop() {
   if(timerID) {
      clearTimeout(timerID);
      timerID = 0;
   }

   tStart = null;
}

function Reset() {
   tStart = null;

   document.theTimer.theTime.value = "00:00";
}

//–>

</script>
<body onload="Reset()" onunload="Stop()">
<center><form name="theTimer"><table>
   <tr>
      <td colspan=3 align=center>
         <input type=text name="theTime" size=5>
      </td>
   </tr>
   <tr><td></td></tr>
   <tr>
      <td>
         <input type=button name="start" value="Start" onclick="Start()">
      </td>
      <td>
         <input type=button name="stop" value="Stop" onclick="Stop()">
      </td>
      <td>
         <input type=button name="reset" value="Reset" onclick="Reset()">
      </td>
   </tr>
</table></form></center>

Comments are closed.

Home | info@eecho.info | Voorwaarden | Blog