javascript - jQuery 实时时钟工作但卡住浏览器？

Question

所以我为时钟制作了一个小脚本，并使用 setInterval 使其生效。它工作正常，但问题是它在一分钟左右后卡住了我的浏览器。我有点卡住了，因为我不知道如何解决这个问题。有人可以帮忙吗？这是代码:

$(function liveClock(){

var dt = new Date();
var hh = dt.getHours();
var mm = dt.getMinutes();
var ss = dt.getSeconds();
var ampm = "";

if (ss <= 9){ ss = "0"+dt.getSeconds() }
if (mm <= 9){ mm = "0"+dt.getMinutes() }
if (hh > 12){
    hh = hh - 12;
    ampm = "pm";
}else{
    ampm = "am";
}

$("p").html( hh + ":" + mm + ":" + ss + " " + ampm );

setInterval(function(){
  liveClock();
}, 1000);

});

提前致谢

Answer 1

每次 liveClock 运行时，它都会启动一个间隔运行。

您手动运行它。您有一个每秒运行一次的间隔运行。

1 秒后，它再次被调用。您现在有两个间隔每秒调用它。

2 秒后，它再次被调用两次。您现在有 4 个间隔每秒调用它。

3 秒。 8 个间隔。

4 秒。 16 个间隔。

等等

---

• 用setInterval替换$()
• 从函数内部移除setInterval