我有一个加载标记,它覆盖整个窗口,等待要触发的document.ready()函数。然后我的加载标记消失,真实内容出现。
我的问题是,当我再次点击Home时,我仍然在网站上导航时,即使是很短的时间,也会出现加载标记,因为代码会再次执行。
一旦所有图像都处于临时状态,我不想再等一下,我想直接进入主页并保持加载div显示:无。
如果在网站每次重新访问时,如何在主页上只执行一次加载页面?
答案 0 :(得分:0)
以下是代码示例..请使用此代码来实现您的需求。在此示例代码中,我将Cookie到期时间设置为8小时cookieExpiry.setTime(cookieExpiry.getTime() + (8 * 3600 * 1000));
。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style>
#WelcomeDiv, #SecondTimeDiv {
display:none;
}
</style>
</head>
<body>
<div id="WelcomeDiv">This div will visible only first time with in 8 hours</div>
<div id="SecondTimeDiv">This div will show with in that 8 hours..</div>
<script src="Scripts/jquery-2.0.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
if (document.cookie.indexOf("visited") >= 0) {
//Don't open any pop up here... You can do something here
alert("Pop up already shown");
$("#SecondTimeDiv").show();
}
else {
// set a new cookie..
var cookieExpiry = new Date();
cookieExpiry.setTime(cookieExpiry.getTime() + (8 * 3600 * 1000)); // 8 hours
document.cookie = "visited=yes; expires=" + cookieExpiry.toGMTString();
alert("Show pop up here");//Do here something...
$("#WelcomeDiv").show();
}
});
</script>
</body>
</html>
希望这对您的需求有所帮助..请检查所有浏览器..我只在Firefox中测试..