如何格式化的setInterval方法的经过时间的JavaScript

Question

我有一个简单的setInterval设置像这样：

var time = 0; 
function a(){ 
    window.setInterval(timer, 1000); 
} 

它执行此功能：

function timer() { 
    time +=1; 
    document.getElementById("a").innerHTML = time + "s" 
} 

HTML是这个非常简单的。它只显示为0s并增加。

我遇到的问题是，我似乎无法让它以这样的格式显示00:00:00。

任何帮助非常感谢！

Answer 1

这给了一枪，使用JS内置的Date类，从here采取：

function timer() { 
    var date = new Date(null); 
    date.setSeconds(time++); 
    document.getElementById("a").innerHTML = date.toISOString().substr(11, 8); 
} 

Answer 2

创建计时器元素

<div id="timer"> 
    <span class="hours"></span> 
    <span class="minutes"></span> 
    <span class="seconds"></span> 
</div> 

风格

#timer > .hours:after, #timer > .minutes:after{ 
    content: ":"; 
} 

更新计时器

var Timer = function(element){ 
    var secondsElement = element.getElementsByClassName("seconds")[0], 
     minutesElement = element.getElementsByClassName("minutes")[0], 
     hoursElement = element.getElementsByClassName("hours")[0], 
     show = function(num){ 
      return ("0" + num).slice(-2); 
     }; 

    return { 
     update: function(){ 
      var now = new Date(); 
      secondsElement.innerHTML = show(now.getSeconds()); 
      minutesElement.innerHTML = show(now.getMinutes()); 
      hoursElement.innerHTML = show(now.getHours()); 
     } 
    }; 
}; 

var timer = new Timer(document.getElementById("timer")); 

setInterval(function(){ 
    timer.update(); 
}, 500);