<分区>
我想要一个简单的 JavaScript 代码,它可以让我在点击预定时间后隐藏某个 div 元素。为了提供更多信息,我有一个在加载主页时出现的建议框。我想要的是,当单击 div 关闭按钮时,它会设置一个 cookie 以保持 box div 关闭 24 小时(1 天)。简单的说,当div关闭按钮被按下时,盒子div隐藏24小时。注意:我有一个允许关闭按钮关闭框的 javascript,但它会在每次刷新时加载。
<分区>
我想要一个简单的 JavaScript 代码,它可以让我在点击预定时间后隐藏某个 div 元素。为了提供更多信息,我有一个在加载主页时出现的建议框。我想要的是,当单击 div 关闭按钮时,它会设置一个 cookie 以保持 box div 关闭 24 小时(1 天)。简单的说,当div关闭按钮被按下时,盒子div隐藏24小时。注意:我有一个允许关闭按钮关闭框的 javascript,但它会在每次刷新时加载。
最佳答案
虽然 T.J. Crowder 在他的评论中是正确的,stackoverflow 不是用来编写您的代码的……我为您编写了一些代码。这是一个使用 jQuery 的解决方案。在其中你会使用 <div id="popupDiv">...</div>
用于消息和其中带有 id“close”的链接以关闭 div。
$(document).ready(function() {
// If the 'hide cookie is not set we show the message
if (!readCookie('hide')) {
$('#popupDiv').show();
}
// Add the event that closes the popup and sets the cookie that tells us to
// not show it again until one day has passed.
$('#close').click(function() {
$('#popupDiv').hide();
createCookie('hide', true, 1)
return false;
});
});
// ---
// And some generic cookie logic
// ---
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name) {
createCookie(name,"",-1);
}
这是一个 js fiddle :http://jsfiddle.net/FcFW2/1/ .运行一次然后再次运行。第二次弹窗不显示。
关于javascript - 隐藏 div 24 小时 cookie javascript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10674611/