Javascript 关闭div内容1小时

Javascript 关闭div内容1小时,javascript,html,Javascript,Html,我目前正在为一个宠物协会写博客,我想在点击关闭按钮后隐藏我的div内容1小时。 我在堆栈溢出上发现了类似的情况,但没有帮助 HTML x 标题: 您可以在localStorage中存储单击close按钮的时间: document.querySelector(".close").addEventListener("click", function() { localStorage.setItem("lastTime", new Da

我目前正在为一个宠物协会写博客,我想在点击关闭按钮后隐藏我的div内容1小时。 我在堆栈溢出上发现了类似的情况,但没有帮助

HTML


x
标题:


您可以在
localStorage
中存储单击
close
按钮的时间:

document.querySelector(".close").addEventListener("click", function() {
  localStorage.setItem("lastTime", new Date().getTime());
  
  // Your code to hide the div
});
然后,您可以检查
localStorage
中是否有名为
lastTime
的字段,并将该值与当前时间进行比较:

var currentTime = new Date().getTime();

var lastTime = localStorage.getItem("lastTime");

if (lastTime !== undefined && ((currentTime - lastTime) * 1000 * 60 * 60) >= 1) {
  localStorage.removeItem("lastTime");
  //Your code to show the div
}

如果您需要更多的澄清,请告诉我。

我认为有问题,或者我不明白您的意思。。 我尝试将我的class=“d-none”添加到ShowNonCeaday中,但不起作用

var currentTime=new Date().getTime();
var lastTime=localStorage.getItem(“lastTime”);
如果(lastTime!==未定义&((currentTime-lastTime)*1000*60*60)>=1){
localStorage.removietem(“上次”);
$(“#shownOnlyOnceADay”).removeClass('d-none');
}

隐藏的内容将仅对隐藏它的用户隐藏。如果其他人打开博客,他们将看到它。您是否使用ServeSide或API来解决此问题?或者您真的希望仅对隐藏它的用户隐藏它吗?不,只有单击“关闭”按钮的用户才能隐藏内容。可以使用cookies。它是例如,可以是一个小时。我正在寻找最简单的方法。您好,谢谢您的帮助,很抱歉回复太晚,但您确定条件吗?您是否在
localStorage
中设置了值?如果设置了,您能否在
如果
条件中控制
lastTime
的输出,我首先检查是否有任何值设置为
lastItem
,然后从
currentTime
中减去
lastTime
值,并将结果乘以1000(毫秒)*60(秒)*60(分钟)。我不明白为什么它不起作用
var currentTime = new Date().getTime();

var lastTime = localStorage.getItem("lastTime");

if (lastTime !== undefined && ((currentTime - lastTime) * 1000 * 60 * 60) >= 1) {
  localStorage.removeItem("lastTime");
$("#shownOnlyOnceADay").removeClass('d-none');
}

<div id="shownOnlyOnceADay" class="d-none">