If Time is less than 10 show "00", "01", "02"

Question

I want to show if time is less than 10 hours or minute or seconds then, it time will show like "00", "01", "02","03"... but right now it showing "0", "1", "2", "3"...

CODE:

function startTime() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  document.getElementById('label').innerHTML = h + ":" + m + ":" + s;
  var t = setTimeout(startTime, 500);
}

<body onload="startTime()">
  <div id="label"></div>
</body>

check seconds

Ehsan · Answer 1 · 2016-06-08T06:51:03.217

this help you :

<html>
<head>
   <meta charset="utf-8">
</head>
    <body onload="startTime()">
        <div id="label"></div>
     <script>
         function startTime() {
             var today = new Date();
             var h = today.getHours();
             var m = today.getMinutes();
             var s = today.getSeconds();
             if (h < 10 ) { h = "0" + h;}
             if (m < 10 ) {m = "0" + m;}
             if (s < 10 ) {s = "0" + s;}      
             document.getElementById('label').innerHTML = h + ":" + m + ":" + s;
             var t = setTimeout(startTime, 500);
         }
        </script>
    </body>
</html>

Or use this code :

<html>
<head>
   <meta charset="utf-8">
    <style>
    </style>
</head>
    <body onload="startTime()">
       <div id="label"></div>
        <script>
           function startTime() {
               var today = new Date();
               var h = today.getHours();
               var m = today.getMinutes();
               var s = today.getSeconds();
                h = (h < 10 ) ? ("0" + h) : h;
                m = (m < 10 ) ? ("0" + m) : m;
                s = (s < 10 ) ? ("0" + s) : s;               
                document.getElementById('label').innerHTML = h + ":" + m + ":" + s;
                var t = setTimeout(startTime, 500);
           }
        </script>
    </body>
</html>

script after body? Is it legal? =) – vp_arth Jun 08 '16 at 06:37 — vp_arth, Jun 08 '16 at 06:37
my post is edited , tank you @vp_arth. – Ehsan Jun 08 '16 at 06:43 — Ehsan, Jun 08 '16 at 06:43

score 1 · Answer 2 · answered Jun 08 '16 at 06:20

Do something tricky with String#slice() method

function startTime() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  document.getElementById('label').innerHTML = ('0' + h).slice(-2) + ":" + ('0' + m).slice(-2) + ":" + ('0' + s).slice(-2);
  var t = setTimeout(startTime, 500);
}

<body onload="startTime()">
  <div id="label"></div>
</body>

score 1 · Answer 3 · answered Jun 08 '16 at 06:25

function startTime() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  //====Add this=======
    if(h<10){ h = '0' + h; }
    if(m<10){ m = '0' + m; }
    if(s<10){ s = '0' + s; }
  //===================
  document.getElementById('label').innerHTML = h + ":" + m + ":" + s;
  var t = setTimeout(startTime, 500);
}

score 0 · Answer 4 · answered Jun 08 '16 at 06:22

0

function pad (str) {
  str = str.toString();
  return str.length < 2 ? "0" + str : str;
}

Simply use this function for hours, minutes whatever.

h = pad(h);
m = pad(m);
s = pad(s);

answered Jun 08 '16 at 06:22

phreakv6

2,135
1
9
11

If Time is less than 10 show "00", "01", "02"

4 Answers4