setInterval() and clearInterval() methods : Timer « Development « JavaScript DHTML






  1. JavaScript DHTML
  2. Development
  3. 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>








Related examples in the same category

1.Using a Timer
2.A Countdown Timer
3.Timer Events Demo
4.Timer Events Demo 2
5.Accessing Document Contents
6.A Timeout Processing Example