Показывать DIV только в первый раз, когда сайт загружается localStorage

Question

Я пытаюсь выполнить эту работу, но у меня есть некоторые проблемы. Как и в названии, я хочу, чтобы DIV показывался только при загрузке веб-сайта , Я знаю, как делать с PHP и Cookies, но я хочу, чтобы это выполнялось с помощью функции localStorage.

Вот мой код:

<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

Вы устанавливаете флаг LocalStorage перед, если условия, так что флаг wasVisited никогда не будет неопределенным.

Вы должны установить флаг в блоке еще, как показано ниже

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