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

Question

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

我的问题是：

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

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

Answer 1

您正在寻找该setInterval函数，该函数每 x 毫秒运行一次函数。

例如：

var start = new Date;

setInterval(function() {
    $('.Timer').text((new Date - start) / 1000 + " Seconds");
}, 1000);