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

Question

我在我的HTML页面上有加载动画，它工作得很好。问题是每当页面刷新时，加载动画再次出现，我想限制它只有第一次页面加载。

我正在使用cookie来解决问题，我从一个*问题引用： load an ad (div) just once on first load。我使用的是完全相同的代码，只是替换了我的ID。

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

其余的代码是相同的。我的cookies已启用，但不起作用。帮我解决它。

这里是我的代码：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/

希望有所帮助。