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
  • …
 
<h1><div id="time">00:00:00</div></h1>
<div id="result"></div>
<button id="start" onclick="startClock();">Start</button>
<button id="stop"  onclick="stopTimer();">Stop</button>
<button id="clear" onclick="resetTimer();">Reset</button>
​
 
var currentTime = document.getElementById('time');
​
var hundreths = 0;
var seconds = 0;
var minutes = 0;
var t;
​
function timer() {
        t = setTimeout(add, 10);
    }
​
function add() {
        hundreths++;
        if (hundreths > 99) {
            hundreths = 0;
            seconds++;
            if (seconds > 59) {
                seconds = 0;
                minutes++;
            }
            if (minutes >= 10) {
                seconds = 0;
                minutes = 0;
                stopTimer();
​
            }
        } // end if statement
​
        if (hundreths > 9 && seconds < 9) {
            currentTime.innerHTML = "0" + minutes + ":" + "0" + seconds + ":" + hundreths;
        } else if ((seconds > 9) && (hundreths < 9)) {
            currentTime.innerHTML = "0" + minutes + ":" + seconds + ":" + "0" + hundreths;
        } else if ((seconds > 9) && (hundreths > 9)) {
            currentTime.innerHTML = "0" + minutes + ":" + seconds + ":" + hundreths;
        } else if ((minutes > 9) && (seconds < 9) && (hundreths < 9)) {
            currentTime.innerHTML = minutes + ":" + "0" + seconds + ":" + "0" + hundreths;
        } else if ((minutes > 9) && (seconds > 9) && (hundreths < 9)) {
            currentTime.innerHTML = minutes + ":" + seconds + ":" + "0" + hundreths;
        } else if ((minutes > 9) && (seconds > 9) && (hundreths < 9)) {
            currentTime.innerHTML = minutes + ":" + seconds + ":" + hundreths;
        } else {
            currentTime.innerHTML = "0" + minutes + ":" + "0" + seconds + ":" + "0" + hundreths;
        }
​
        timer();
    } // end function add
​
​
​
function startClock() {
   
    add();
    timer();
} // end function start clock
​
function stopTimer() {
  
document.getElementById("result").innerHTML = "<p>" + ("Your time is: " + minutes + " minutes, " + seconds + " seconds, " + "and " + hundreths + " hundreths") + "</p>";
 
clearTimeout(t);   
    
}
​
function resetTimer() {
    hundreths = 0;
    seconds = 0;
    minutes = 0;
​
    currentTime.innerHTML = "00:00:00";
}
​
​
Output 300px

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers