如果时间小于10显示 “00”, “01”, “02”

问题描述:

我想告诉if time is less than 10 hours or minute or seconds话,时间会证明像"00", "01", "02","03"...但现在它显示"0", "1", "2", "3"...如果时间小于10显示 “00”, “01”, “02”

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>

检查秒

做一些棘手与String#slice()方法

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>

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

只需使用该功能时,分不管。

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

这个帮助你:

<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> 

或者使用此代码:体内后

<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> 
+0

脚本?它合法吗? =) –

+0

我的帖子被编辑了,坦克你@vp_arth。 – Ehsan

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); 
}