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

Question

我有一个简单的测验应用程序，我想在页面顶部显示一个漂亮的计时器/时钟，向用户显示他们已经花了多长时间了。（如果我能以某种方式为他们显示一个计时器，用于总测验时间，又可以为这个问题时间显示另一个计时器，这个计时器会更酷，但是一旦我有一个计时器工作，我应该能够弄清楚该如何做。

我的问题是：

用JQuery显示简单的计时器/时钟的好方法是什么？（也可以直接使用JS）我知道如何检查时间，但是如何增加秒数呢？

我自己的搜索不断将我带到JQuery插件（我想自己动手）和“事件计时器”，这些不是我想要的...

Answer 1

两全其美如何？我将答案与OP的格式结合在一起。function pretty_time_string(num) {&nbsp; &nbsp; return ( num < 10 ? "0" : "" ) + num;&nbsp; }var start = new Date;&nbsp; &nbsp;&nbsp;setInterval(function() {&nbsp; var total_seconds = (new Date - start) / 1000;&nbsp; &nbsp;&nbsp; var hours = Math.floor(total_seconds / 3600);&nbsp; total_seconds = total_seconds % 3600;&nbsp; var minutes = Math.floor(total_seconds / 60);&nbsp; total_seconds = total_seconds % 60;&nbsp; var seconds = Math.floor(total_seconds);&nbsp; hours = pretty_time_string(hours);&nbsp; minutes = pretty_time_string(minutes);&nbsp; seconds = pretty_time_string(seconds);&nbsp; var currentTimeString = hours + ":" + minutes + ":" + seconds;&nbsp; $('.timer').text(currentTimeString);}, 1000);