单击按钮后如何在设定的时间段内隐藏 div答案

【问题标题】：How to hide div for set period after clicking on button单击按钮后如何在设定的时间段内隐藏 div
【发布时间】：2014-01-29 13:38:35
【问题描述】：

我有一个在页面加载时显示的 div，该 div 也有一个关闭按钮。我想要做的是当用户单击关闭按钮时，7 天内永远不会显示该 div。我知道可以使用 jquery 或 php cookie 来实现此功能，但即使在获得有关此处的 cookie 的一些信息后，我也不知道如何做到这一点

Javascript set cookie expire time on button click

代码

<div id="content"><button id="close" onclick="setMyCookie();">Close</button></div>

【问题讨论】：

标签： javascript jquery cookies

【解决方案1】：

您可以将 cookie 设置为 7 天，例如：

var now = new Date();
var days = 7;
var exp = new Date(now.getDate() + days);
document.cookie = 'MyCookie=1; expires='+exp.toUTCString();

并且可以检查cookie是否过期。

var content = document.getElementById('content');
if (document.cookie && document.cookie.indexOf('MyCookie=1') != -1){
    content.style.display = 'none';
}
else{
    content.style.display = 'block';
}

【讨论】：