javascript - jQuery 时间计数

Question

这是一个场景，我有一个时间来计算用户的time_taken。我想要的是从计时器中获取准确的 time_taken 。例如，用户参加考试，那么在他/她参加考试后，将提交time_taken(例如1hr 25mins 23secs)。请参阅下面我的代码。

$(document).ready(function(){
  var d;
  setInterval(function(){
    d = new Date();
    dates = d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
    $('#timeTaken').val(dates);
  }, 1000);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



<input type="text" id="timeTaken" value="">

Answer 1

这是解决方案的 Fiddle

https://jsfiddle.net/djzsddz6/1/

解决方案如下:

$(document).ready(function(){
  var seconds = 0, minutes = 0 , hours = 0;
  setInterval(function(){
    seconds++;
    if(seconds == 60){
      minutes++
      seconds = 0;
    }

    if(minutes == 60){
      hours++
      minutes = 0;
    }
    console.log(hours, minutes, seconds);
    $('#timeTaken').val(`${hours}:${minutes}:${seconds}`);
  }, 1000);

});