加载标记仅在首页访问时显示一次

时间:2013-11-08 06:59:07

标签: jquery html loading

我有一个加载标记,它覆盖整个窗口,等待要触发的document.ready()函数。然后我的加载标记消失,真实内容出现。

我的问题是,当我再次点击Home时,我仍然在网站上导航时,即使是很短的时间,也会出现加载标记,因为代码会再次执行。

一旦所有图像都处于临时状态,我不想再等一下,我想直接进入主页并保持加载div显示:无。

如果在网站每次重新访问时,如何在主页上只执行一次加载页面?

1 个答案:

答案 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中测试..