クッキーを使用して初めてページを読み込んだときにのみアニメーションの読み込みを表示しますか？

Question

私はローディングアニメーションを私のHTMLページに入れており、これは問題なく動作します。問題は、ページがリフレッシュされるたびに、読み込み中のアニメーションが再び表示され、最初のページの読み込みにのみ制限したい場合です。

私はこの問題を解決するためにクッキーを使用していましたが、私はstackoverflowの質問の1つを参考にしました： load an ad (div) just once on first load私はそこに答えられたまったく同じコードを使用していた、私のIDを置き換えた。

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

その他のコードは同じです。私のクッキーは有効になっていますが、動作していません。それを解決するのを助けてください。ここで

は私のコードです：

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

役に立てば幸い：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; 
    } 

にあなたのコードを変更

、以下のフィドルを参照してください。