$("document").ready(function () { var secs = 0; var mins = 0; var hous = 0; var stop = true; var __addsecs; var __outtime; $("#start").click(function starter () { if (stop == true) { $("#start").text("Start"); stop = false; function addsecs () { secs += 1; if (secs == 60) { mins += 1; secs = 0; } if (mins == 60) { hous += 1; mins = 0; } } function outtime () { if (secs < 10 && mins < 10 && hous < 10) { $("#container").text("0" + hous + ":0" + mins + ":0" + secs); } if (secs < 10 && mins < 10 && hous < 10) { $("#container").text("0" + hous + ":0" + mins + ":0" + secs); } if (secs < 10 && mins >= 10 && hous < 10) { $("#container").text("0" + hous + ":" + mins + ":0" + secs); } if (secs < 10 && mins >=10 && hous >= 10) { $("#container").text(hous + ":" + mins + ":0" + secs); } if (secs < 10 && mins < 10 && hous >= 10) { $("#container").text(hous + ":0" + mins + ":0" + secs); } if (secs >= 10 && mins < 10 && hous < 10) { $("#container").text("0" + hous + ":0" + mins + ":" + secs); } if (secs >= 10 && mins >= 10 && hous < 10) { $("#container").text("0" + hous + ":" + mins + ":" + secs); } if (secs >= 10 && mins < 10 && hous >= 10) { $("#container").text(hous + ":0" + mins + ":" + secs); } if (secs >= 10 && mins >= 10 && hous >= 10) { $("#container").text(hous + ":" + mins + ":" + secs); } } __addsecs = setInterval(addsecs, 1000); __outtime = setInterval(outtime, 1000); } }) $("#reset").click(function () { secs = 0; mins = 0; hous = 0; clearInterval(__addsecs); clearInterval(__outtime); $("#start").text("Start"); $("#container").text("00:00:00"); stop = true; }) $("#stop").click(function () { clearInterval(__addsecs); clearInterval(__outtime); if (stop == false) { $("#start").text("Continue..."); } stop = true; }) })

Stopwatch