javascript - 带毫秒的 jQuery 秒表

Question

我在 jQuery 中发现了这个有用的 JS，用于具有小时、分钟和秒的秒表。 http://daokun.webs.com/jquery.stopwatch.js

问题是，小时计数器对我来说毫无用处，我宁愿显示一个毫秒计数器。我正在使用这个链接到按钮的 JS 来启动它:

$('.easy').click(function(){ 
$("#demo").stopwatch().stopwatch('start');});

Easy 是按钮的类，Demo 是 DIV 的 ID

<div id="demo" >00:00:00</div>

停止计数器的是来自进度条的 if, else 语句:

 else{
    $("#demo").stopwatch().stopwatch('stop');           
    }

else 的代码实际上更长，一旦条达到 100，计数器就会停止，这意味着我用 if 和 else if 语句覆盖了从 0 到 99 的其余部分。

无论如何，如何将 JS 编辑为具有分钟、秒和毫秒的计数器？或者有没有其他 jQuery 插件有这样的计数器？

Answer 1

你真的不需要使用这个插件，它就像使用 setInterval() 来制作你自己的计时器一样简单，这正是秒表插件所做的。

jsFiddle

HTML

<div id="timer"><span class="value">0</span> ms</div>​

JS

setInterval(updateDisplay, 1); // every millisecond call updateDisplay

function updateDisplay() {
    var value = parseInt($('#timer').find('.value').text(), 10);
    value++;
    $('#timer').find('.value').text(value);
}​