如何创建一个jQuery时钟/计时器

Question

我有一个简单的测验应用程序，我想在页面顶部显示一个漂亮的计时器/时钟，向用户显示他们已经花了多长时间了。（如果我能以某种方式为他们显示一个计时器，用于总测验时间，又可以为这个问题时间显示另一个计时器，这个计时器会更酷，但是一旦我有一个计时器工作，我应该能够弄清楚该如何做。我的问题是：用JQuery显示简单的计时器/时钟的好方法是什么？（也可以直接使用JS）我知道如何检查时间，但是如何增加秒数呢？我自己的搜索不断将我带到JQuery插件（我想自己动手）和“事件计时器”，这些不是我想要的...

Answer 1

两全其美如何？我将答案与OP的格式结合在一起。

function pretty_time_string(num) {

    return ( num < 10 ? "0" : "" ) + num;

  }

var start = new Date;    

setInterval(function() {

  var total_seconds = (new Date - start) / 1000;   

  var hours = Math.floor(total_seconds / 3600);

  total_seconds = total_seconds % 3600;

  var minutes = Math.floor(total_seconds / 60);

  total_seconds = total_seconds % 60;

  var seconds = Math.floor(total_seconds);

  hours = pretty_time_string(hours);

  minutes = pretty_time_string(minutes);

  seconds = pretty_time_string(seconds);

  var currentTimeString = hours + ":" + minutes + ":" + seconds;

  $('.timer').text(currentTimeString);

}, 1000);