仅在第一次使用 Cookie 加载页面时显示加载动画？

Question

我的 HTML 页面上有 加载动画 ，它工作得非常好。问题是每当页面刷新时，加载动画再次出现，我想将其限制为仅第一次加载页面。

我正在使用 cookie 来解决问题，我参考了一个 Whosebug 问题： load an ad (div) just once on first load。我使用的是与那里回答完全相同的代码，只是替换了我的 ID。

$(document).ready(function() {
if (!readCookie("adSeen")) {
    $("#loading").fadeOut("slow");
    createCookie("adSeen", "1", 1000);
}});

其余代码相同。我的 cookie 已启用，但无法正常工作。帮我修一下。

这是我的代码：https://jsfiddle.net/mytest_jsfiddle/ojo2mosd/5/

Answer 1

将代码更改为

  $(document).ready(function() {
     if (!readCookie("adSeen")) {
    $("#loading").fadeIn("slow");
    createCookie("adSeen", "1", 1000);
}
    });

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

供参考，请参考以下fiddle:

https://jsfiddle.net/aman_chhabra/fguq4hnd/1/

希望对您有所帮助。

仅在第一次使用 Cookie 加载页面时显示加载动画？

Show loading animation only on first time page load using Cookies?

html

javascript

cookies

jquery

pageload