javascript - 计时器计数不正确

Question

http://jsfiddle.net/zAFND/640/

在 jsfiddle 中，我遇到的问题是响应时间。它增加了 2 秒而不是 1 秒。我相信这个问题是因为我有两个问题，所以它会计算每个响应时间文本输入中两个问题的秒数，因此每次都会增加 2 秒。但我的问题是如何解决这个问题，以便计时器正常计数:

响应时间代码:

` var 响应 = "00:00:00", 响应部分 = 响应.split(':'), 响应时间 = +responseparts[0], 响应分钟 = +响应部分[1], 响应秒 = +responseparts[2];

     function correctResponse(responsenum) {
         return (responsenum < 10) ? ("0" + responsenum) : responsenum;
     }

 var responsetimer = [];
 $('.queWrap').each(function(index, element) {
 var wrap=$(this),   
 input = wrap.find('.responseTime'),
 checkbox=wrap.find('#ck-button').find('input'),
 clickInput=wrap.find('.mouseClick');


     responsetimer[index] = setInterval(function () {
     responseseconds++;
     if (responseseconds == 60) {
         responseseconds = 00;
         responseminutes++;

         if (responseminutes == 60) {
             responseminutes = 00;
             responsehours++;

             if (responsehours <= 24) {
                 clearInterval(responsetimer);
                 return;
             }

         }
     }
     input.val(correctResponse(responsehours) + ":" + correctResponse(responseminutes) + ":" + correctResponse(responseseconds));
 }, 1000);

`

Answer 1

移动 var 声明

response = "00:00:00",
responseparts = response.split(':'),
responsehours = +responseparts[0],
responseminutes = +responseparts[1],
responseseconds = +responseparts[2];

在每个回调中

http://jsfiddle.net/h8srH/1/

此外，将您的 ck-button id 更改为类。 Id 应该是唯一的。