使Javascript计时器显示00占位符

Make Javascript timer display 00 placeholder

本文关键字：占位符 显示 计时器 Javascript      更新时间：2023-09-26
var m=0;
var s=0;
var h=0;
var t;
function start(){
    document.getElementById('ms').innerHTML=m;
    document.getElementById('mm').innerHTML=s;
    document.getElementById('mh').innerHTML=h;
    s++;
    if(s==60){
        s=0;
        m++;
    }
    if(m==60){
        m=0;
        h++;
    }
    t= setTimeout("start()",20);
}
function stop(){
    clearTimeout(t);
}

当计数器开始递增时，它显示一个单位数。不确定如何将时钟格式化为数字时钟，即00:00:00。由于

下面是一个例子:

var m = 0;
var s = 0;
var h = 0;
var t;
function start() {
  var z = '';
  z = (s < 10) ? '0' : '';
  document.getElementById('ms').innerHTML = z + s;
  s++;
  if (s == 60) {
    s = 0;
    z = (m < 10) ? '0' : '';
    document.getElementById('mm').innerHTML = z + m;
    m++;
    if (m == 60) {
      m = 0;
      z = (h < 10) ? '0' : '';
      document.getElementById('mh').innerHTML = z + h;
      h++;
    }
  }
  t = setTimeout(start, 1000);
}
function stop() {
  clearTimeout(t);
}
<span id="mh">00</span> : <span id="mm">00</span> : <span id="ms">00</span>
<br>
<br>
<button type="button" onclick="start()">Start</button>
<button type="button" onclick="stop()">Stop</button>

相关文章：