页面刷新后，本地时间不会保存在本地存储器中

Question

我是编码的新手

所以我得到了下面的代码，本地时间在网页和本地存储中设置正确。然而，在刷新了时间之后，我不需要它了。我看了好几个题目，都找不到适合我的题目。尝试了document.write((等，但无法使用

这个问题的解决方案是什么？或者刷新后时间设置为新的代码中有什么问题？

const date = new Date().toLocaleTimeString();
document.getElementById('entryTime').textContent = date

localStorage.setItem('time', JSON.stringify(date));
if (localStorage.getItem("time")) {
entryTime = JSON.parse(localStorage.getItem("time"));
} else {
// No data, start with an empty array
entryTime = [];
}
console.log(date);
document.getElementById('entryTime').innerHTML = date

<div class="row" style="margin-top: 10px !important; margin-bottom: 1px !important; font-size: 30px;" id="entryTime"></div>

Answer 1

这对你有用吗？

var entryTime;
if (localStorage.getItem("time")) {
entryTime = JSON.parse(localStorage.getItem("time"));
} else {
entryTime  = new Date().toLocaleTimeString();
localStorage.setItem('time', JSON.stringify(entryTime ));
}
document.getElementById('entryTime').innerHTML = entryTime;

Answer 2

页面加载时所做的第一件事情是无条件地获取时间并将其存储在本地存储中。

如果您只想在没有时间的情况下将时间设置为LS，请尝试先读取，只有在尚未设置时才设置。