0

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

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

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

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

4

1 回答 1

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

于 2013-11-15T11:19:14.273 回答