setInterval() and clearInterval() methods : Timer : Development JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Development » Timer »

 

setInterval() and clearInterval() methods




<html>
<head>
<script type="text/javascript">
    var intval=""
    function start_Int(){
        if(intval==""){
          intval=window.setInterval("start_clock()",1000)
      }else{
          stop_Int()
      }
    }

    function stop_Int(){
        if(intval!=""){
          window.clearInterval(intval)
          intval=""
          myTimer.innerHTML="Interval Stopped"
      }
    }

    function start_clock(){
        var d=new Date()
        var sw="am"
        var h=d.getHours()
        var m=d.getMinutes() ""
        var s=d.getSeconds() ""
        if(h>12){
          h-=12
          sw="pm"
      }
        if(m.length==1){
          m="0" + m
      }
        if(s.length==1)  {
          s="0" + s
      }
        myTimer.innerHTML=h + ":" + m + ":" + s + " " + sw
    }
</script>
</head>

<body>
<span id="myTimer">Interval Stopped</span>
    <br><br><br>
    <input type="button" value="Start" onclick="start_Int()">
    <input type="button" value="Stop" onclick="stop_Int()">
</body>

</html>


           
       



-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Development
» Timer