JavaScript Timer Sample

<html>
<head>
<script> 
var nMiliSec = 0
var timerId = null;
function StartTimer() {
  StopTimer();
  var nMins = parseFloat(document.counter.mins.value); 
  var nSecs = parseFloat(document.counter.secs.value); 
  nMins = nMins + nSecs/60;
  nMiliSec = nMins*60*1000;    
  timerId = setTimeout(“Display()”,10);
}
function StopTimer() {
  nMiliSec = 0;
  if (timerId) {
    clearTimeout(timerId);
  }  
}
function Display() {
 var oRes = document.forms.counter.result;
  if (nMiliSec > 0) {
    nMiliSec -= 10;
    var cRes    
    var nMins = parseInt(nMiliSec/60/1000);
    if (nMins < 10) {
      if (nMins > 0) {
        cRes = “0”+nMins.toString();
      } else {
        cRes = “00”;
      }
    } else {
      cRes = nMins.toString();
    }
    cRes += “:”;
    var nSecs = parseInt((nMiliSec/1000)%60);
    if (nSecs > 0) {
      if (nSecs < 10) {
        cRes += “0”+nSecs.toString();
      } else {
        cRes += nSecs.toString();
      }
    } else {
      cRes += “00”;
    }
    cRes += “:”;
    var nMili = parseInt(nMiliSec-(nSecs*1000)-(nMins*60*1000))/10
    if (nMili > 0) {
      if (nMili < 10) {
        cRes += “0”+nMili.toString();
      } else {
        cRes += nMili.toString();
      }
    } else {
      cRes += “00”;
    }    
    oRes.value = cRes;
    timerId = setTimeout(“Display()”,10)
  } else {
    MyBeep();
  }
}
function MyBeep() {
  document.writeln(“<bgsound src=’Freestyler.wav’>”);
}
</script> 
</head>
<body>
<table style=”height:100%;width:100%”><tr><td align=”center” valign=”middle” style=”height:100%;width:100%;”>
<form name=”counter”>
  Minūtes/Sekundes <input type=”text” size=”2″ name=”mins” value=”18″><input type=”text” size=”2″ name=”secs” value=”0″>
  Laiks: <input type=”text” size=”8″ name=”result”>&nbsp;
  <input type=”button” value=”Sākt” onClick=”StartTimer()”>&nbsp;
  <input type=”button” value=”Apturēt” onClick=”StopTimer()”>
</form>
</td></tr></table>
</body>
</html>
Posted in JS. Tags: . Leave a Comment »