单击按钮后如何隐藏div设置的时间段

Question

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

Javascript set cookie expire time on button click

代码

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

Answer 1

您可以将Cookie设置为七天，如：

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';
}