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

Question

This 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);

<script async defer src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

<span id="time"></span></h1>