Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
    <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
​
​
      
</head>
<body>
<table border="0">
    <tr>
        <button type= "button" id="BtnTimerOnOff" onclick="TimerOnOff()">Start timer</button></tr>
    <td align="center" ><font face="JuraLight" size="6"><strong>Online Time:</strong></font></td>
    <td id="timer" align="center"><form name="d">
        <p><input id="timerDisplay" type="text" size="8" name="d2"></p>
    </form>
    </td>
    <td align="center"><font face="Arial" size="6"><strong>seconds!</strong></font></td>
    </tr>
</table>
​
</body>
    <script>
      var milisec=0
        var seconds=0
        var timerInput = document.getElementById('timerDisplay');
        timerInput.value = 0;
        var onoff=0;
      
      var isTimerOn = false;
      
      var intervalId;
      
      var createInterval = function() {
        return setInterval(function() {
        console.log('isTimerOn: ', isTimerOn);
          
        if (milisec>=9){
                milisec=0;
                seconds+=1
        }
        else {
          milisec+=1
          timerInput.value = seconds + "." + milisec
      }}, 100);
      }
​
​
  
​
      
        function TimerOnOff(){
            console.log('insider timer on/off');
            var a = document.getElementById('BtnTimerOnOff');
 
​
​
            if (a.textContent === "Start timer") {
                isTimerOn = true;
                a.textContent = "Stop timer";
              console.log('started timer');
              intervalId = createInterval();
            }
            else if (a.textContent === "Stop timer"){
                a.textContent = "Start timer";
              clearInterval(intervalId)
                
                isTimerOn = false;
              console.log('stopped timer');
            }
        }
    </script>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers