Показать анимацию загрузки только при загрузке в первый раз с использованием Cookies?

Question

У меня есть , загружая анимацию на моей странице HTML, и она работает абсолютно нормально. Проблема заключается в том, что когда страница обновляется, анимация загрузки появляется снова, и я хочу ограничить ее только загрузкой первой страницы.

Я использовал файлы cookie для решения проблемы, и я воспользовался ссылкой на один из вопросов stackoverflow: load an ad (div) just once on first load. Я использовал тот же самый код, на который там ответил, только что заменил мой идентификатор.

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

Остальная часть кода такая же. Мое печенье включено, но оно не работает. Помогите мне это исправить.

Вот мой код: 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/

Надежда, что помогает.