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

Question

我已经在HTML页面上加载了动画 ，并且效果很好。 问题是每当页面刷新时，加载动画就会再次出现，我想将其限制为仅首次页面加载。

我使用Cookie来解决此问题，并从stackoverflow问题中引用了一个参考： 首次加载一次广告（div）一次 。 我使用的是与此处回答完全相同的代码，只是替换了我的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;
    }

供参考，请参考以下小提琴：

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

希望能有所帮助。