Как загрузить только один раз для пользователя?

Question

Я использовал следующий код для загрузки поп-музыки при загрузке страницы, я не хочу это нагрузить каждый пользователь обновляет странице

$(function() { 
    var overlay = $('<div id="overlay"></div>'); 
    overlay.show(); 
    overlay.appendTo(document.body); 
    $(document).ready(function() { 


     $('.popup').show(); 

     $('.close').click(function(){ 
      $('.popup').hide(); 
      overlay.appendTo(document.body).remove(); 
      return false; 
     }); 
     }); 

Answer 1

Использование window.localStorage API является довольно простым способом сделать это:

$(function() { 
    if (window.localStorage.popupHasBeenShown) 
     return; 

    var overlay = $('<div id="overlay"></div>'); 
    overlay.show(); 
    overlay.appendTo(document.body); 
    $(document).ready(function() { 

     window.localStorage.popupHasBeenShown = true; 
     $('.popup').show(); 

     $('.close').click(function(){ 
      $('.popup').hide(); 
      overlay.appendTo(document.body).remove(); 
      return false; 
     }); 
    }); 

Некоторые люди предпочитают использовать cookie API, т.е. window.document.cookie, преимущество будучи, что установка даты истечения срока действия очень простое, так что вы могли бы, скажем, есть всплывающее окно появляется только ОНК e в неделю или около того:

document.cookie = "doSomethingOnlyOnce=true; expires=Fri, 31 Dec 9999 23:59:59 GMT";