Javascript 在不重新加载页面的情况下同步时间

我正在构建一个web应用程序，它使用计算机的时间。我找到了获取小时和分钟的方法，并成功地将它们更新到用户界面，但分钟字段与计算机的时间不同步。我必须重新加载页面才能看到它以新值更新，我不知道如何解决这个问题，我觉得这是一个愚蠢的问题，但实际上我正在努力解决它，这是我第一个使用JavaScript的应用程序，所以请原谅我：p

我试过设置间隔，但效果不太好。请帮忙 这是我的密码：

HTML

这个问题还有更好的标题吗？

---

我觉得它不准确

您需要获取每次回调中传递给setInterval的日期。我增加了秒数也用于测试目的

您不需要进行span测试，然后使用replace和show。您可以直接使用模板字符串

`${hours}:${minutes}`

提示是在全局范围内声明element.Time，不要每秒调用querySelector

const span=document.querySelector.Time； 设置间隔函数{ 让日期=新日期； 让hours=date.getHours； 让mins=date.getMinutes； 设秒数=date.getSeconds； span.innerHTML=`${hours}:${mins}:${seconds}`； },1000;

---

时间：03:19您需要获取每次传入setInterval的回调中的日期。我增加了秒数也用于测试目的

您不需要进行span测试，然后使用replace和show。您可以直接使用模板字符串

`${hours}:${minutes}`

提示是在全局范围内声明element.Time，不要每秒调用querySelector

const span=document.querySelector.Time； 设置间隔函数{ 让日期=新日期； 让hours=date.getHours； 让mins=date.getMinutes； 设秒数=date.getSeconds； span.innerHTML=`${hours}:${mins}:${seconds}`； },1000;

---

时间：03:19将间隔设置为10毫秒？如果仅显示小时和分钟，则没有理由每秒运行该函数。每分钟运行一次，你的想法是对的；但您只需计算一次newtime字符串，然后在setInterval函数中设置相同的值。您需要在setInterval函数中计算整个newTime。setInterval为10毫秒？如果只显示小时和分钟，则没有理由每秒运行该函数。每分钟运行一次，你的想法是对的；但您只需计算一次newtime字符串，然后在setInterval函数中设置相同的值。您需要在setInterval函数中计算整个newTime。

`${hours}:${minutes}`