Yazılım Örnekleri

Javascript ile istediğimiz zaman başlayan, istediğimiz zaman duran ve sitediğimiz zaman sıfırlayabileceğimiz bir kronometre örneği yapacağız.

<script language="JavaScript"> 
var fbaslat  = null;
function UpdateTimer() {   
if(timerID) {
      clearTimeout(timerID);      
      clockID  = 0;   }  
      if(!fbaslat)
      fbaslat   = new Date();   
      var   tDate = new Date();
   var   tDiff = tDate.getTime() - fbaslat.getTime();   
   tDate.setTime(tDiff);
   document.theTimer.theTime.value = "" 
                                   + tDate.getMinutes() + ":" 
                                   + tDate.getSeconds();   
   timerID = setTimeout("UpdateTimer()", 1000);}
  
   function Start() {
   fbaslat   = new Date();   
   document.theTimer.theTime.value = "00:00";
   timerID  = setTimeout("UpdateTimer()", 1000);}
   
   function Stop() {
   if(timerID) {      clearTimeout(timerID);      timerID  = 0;   }
   fbaslat = null;}
   
   function Reset() {  
    fbaslat = null;
   document.theTimer.theTime.value = "00:00";} 
</script>

<div onload="Reset()" onunload="Stop()">
<center>
<form name="theTimer"><table>
   <tr> <td colspan=3 align=center>
         <input type=text name="theTime" size=5 value="0"> </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>
</div>