Javascript Count Up Timer With Hours, Minutes, and Seconds
Posted: May 7th, 2012 | Author: jriggs | Filed under: javascript, web | No Comments »Here is a script that takes a given time and increments each second to make it appear to update in realtime.
Time given, must be in hh:mm:ss format and the div id must be realtime
<span id="realtime">12:12:12</span>
12:12:12
Script that makes everything happen, needs jquery, but could be easily re-written in pure javascript.
$(document).ready (function () { startCount(); }); function startCount() { timer = setInterval(count,1000); } function count() { var time_shown = $("#realtime").text(); var time_chunks = time_shown.split(":"); var hour, mins, secs; hour=Number(time_chunks[0]); mins=Number(time_chunks[1]); secs=Number(time_chunks[2]); secs++; if (secs==60){ secs = 0; mins=mins + 1; } if (mins==60){ mins=0; hour=hour + 1; } if (hour==13){ hour=1; } $("#realtime").text(hour +":" + plz(mins) + ":" + plz(secs)); } function plz(digit){ var zpad = digit + ''; if (digit < 10) { zpad = "0" + zpad; } return zpad; }



