jquery - 如何使用查询从当前机器时间启动计时器？

Question

我在页面加载时获取当前时间，并且我想从当前时间启动计时器。我怎样才能做到这一点？

这是我当前的脚本:

var dt = new Date();
var time = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds();
$("#timer").text(time);

Answer 1

你在找这个吗？

var dt = new Date();
setInterval(function() {
  dt.setSeconds(dt.getSeconds() + 1);
  var time = pad(dt.getHours(), 2) + ":" + pad(dt.getMinutes(), 2) + ":" + pad(dt.getSeconds(), 2);
  $("#timer").text(time);
}, 1000)

function pad(num, size) {
  var s = num + "";
  while (s.length < size) s = "0" + s;
  return s;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div id="timer"></div>