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

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

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

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

Answer 2

这对你有用吗？

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;