setInterval（）不适用于制作数字时钟

Question

这个Codepen几乎可以说明我的问题。我正在尝试制作一个简单的数字时钟，但是由于某些原因它没有滴答作响。这是我遇到问题的部分：

var date = new Date();
var time = date.toLocaleTimeString();
setInterval(function()
{
  $("#time").text(time);
}, 1000);

任何线索将不胜感激。

Answer 1

您需要将日期和时间变量放入setInterval函数中，否则只能获取一次值。

setInterval(function() {
  var date = new Date();
  var time = date.toLocaleTimeString();
  $("#time").text(time);
}, 1000);

setInterval(function() {
  var date = new Date();
  var time = date.toLocaleTimeString();
  $("#time").text(time);
}, 1000);

setInterval(function() {
  var date = new Date();
  var time = date.toLocaleTimeString();
  $("#time").text(time);
}, 1000);