JavaScript时钟是否重新加载到自己的页面？

我正试图用JavaScript为我的网站添加一个时钟，但我遇到了一个问题。包含我的脚本的HTML页面将加载并显示HTML中的所有内容，但大约1秒后将重新加载并仅显示JavaScript的输出（仅显示时钟）

这是我的密码：

window.onload = setInterval(clock, 1000);
var time = document.getElementById('TIME');

function clock() {
  var date = new Date();
  var localtime = date.toString();
  var hours = date.getHours();
  var minutes = date.getMinutes();
  var seconds = date.getSeconds();
  document.open("text/html", "replace");
  document.write("Time: " + hours + ":" + minutes + ":" + seconds);
}

它将这样做：在HTML文件中显示所有内容

仅此显示：“时间：15:16:56”

我不知道我做错了什么，如果我能得到一些帮助，那就太棒了。（我正在学习如何使用JavaScript）

window.onload=setInterval（时钟，1000）；
var time=document.getElementById（'time'）；
功能时钟（）{
变量日期=新日期（）；
var localtime=date.toString（）；
var hours=date.getHours（）；
var minutes=date.getMinutes（）；
var seconds=date.getSeconds（）；
time.innerHTML=“时间：“+hours+”：“+minutes+”：“+seconds；
}

window.onload=setInterval（时钟，1000）；
var time=document.getElementById（'time'）；
功能时钟（）{
变量日期=新日期（）；
var localtime=date.toString（）；
var hours=date.getHours（）；
var minutes=date.getMinutes（）；
var seconds=date.getSeconds（）；
time.innerHTML=“时间：“+hours+”：“+minutes+”：“+seconds；
}

---

这是因为您正在使用

文档。打开（…）

。这将重新加载页面

你应该这样做：

time.innerHTML = "Time: " + hours + ":" + minutes + ":" + seconds;

而不是

document.open("text/html", "replace");
document.write("Time: " + hours + ":" + minutes + ":" + seconds);

更新：

我刚才看到我打错了。此代码可以工作（在codepen上）：

window.onload=setInterval（时钟，1000）；
var time=document.getElementById（'time'）；
功能时钟（）{
变量日期=新日期（）；
var localtime=date.toString（）；
var hours=date.getHours（）；
var minutes=date.getMinutes（）；
var seconds=date.getSeconds（）；
time.innerHTML=“时间：“+hours+”：“+minutes+”：“+seconds；
}

---

这是因为您正在使用

文档。打开（…）

。这将重新加载页面

你应该这样做：

time.innerHTML = "Time: " + hours + ":" + minutes + ":" + seconds;

而不是

document.open("text/html", "replace");
document.write("Time: " + hours + ":" + minutes + ":" + seconds);

更新：

我刚才看到我打错了。此代码可以工作（在codepen上）：

window.onload=setInterval（时钟，1000）；
var time=document.getElementById（'time'）；
功能时钟（）{
变量日期=新日期（）；
var localtime=date.toString（）；
var hours=date.getHours（）；
var minutes=date.getMinutes（）；
var seconds=date.getSeconds（）；
time.innerHTML=“时间：“+hours+”：“+minutes+”：“+seconds；
}

---

文档。写入
（好吧，
文档。打开
）删除现有页面。如果您正在使用任何使用它的书籍或教程，您可能需要一本更新的。请删除最后两行，改用它来代替
time.innerHTML=“time:“+hours+”：“+minutes+”：“+seconds
文档。写入
（好吧，
文档。打开
）删除现有页面。如果您正在使用任何使用它的书籍或教程，您可能需要一本更新的。请删除最后两行，改用它来代替
time.innerHTML=“time:“+hours+”：“+minutes+”：“+seconds我尝试过，但它不再显示时间。我尝试过，但它不再显示时间。我尝试过，但它不再显示时间。这是一个代码笔
time.textContent=
在此场景中是首选（）我已经尝试过，但它不再显示时间。这是一个代码笔
time.textContent=
在这个场景中是首选（）