Wyświetlanie DIV tylko po raz pierwszy strona internetowa jest ładowana z localStorage

Question

Próbuję wykonać tę pracę, ale mam pewne problemy .. Tak jak mówi tytuł, chcę, aby DIV był pokazywany tylko po pierwszym załadowaniu strony internetowej . Wiem, jak zrobić z PHP i ciasteczkami, ale chcę to z funkcją localStorage.

Oto mój kod:

<div id="loading_bg"> 
    ... 
</div> 


$(document).ready(function() { 
    localStorage.setItem('wasVisited', 1); 
    if (localStorage.wasVisidet !== undefined) { 
      $("#loading_bg").css('display','none'); 
     } else { 
      $("#loading_bg").delay(5000).fadeOut(500); 
     } 
}); 

Answer 1

ustawiania flagi localStorage przed jeśli warunek, więc flaga wasVisited nigdy nie zostanie zdefiniowana.

trzeba ustawić flagę wewnątrz bloku innego jak pokazano poniżej

$(document).ready(function() { 
    if (localStorage.getItem('wasVisited') !== undefined) { 
     $("#loading_bg").hide(); 
    } else { 
     localStorage.setItem('wasVisited', 1); 
     $("#loading_bg").delay(5000).fadeOut(500); 
    } 
});