Отображение DIV только при первой загрузке веб-сайта с помощью localStorage

Я пытаюсь сделать эту работу, но у меня есть некоторые проблемы. Как говорится в заголовке, я хочу, чтобы DIV показывался только при первой загрузке веб-сайта. Я знаю, как это сделать с PHP и файлами cookie, но я хочу, чтобы это было с функцией 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);
        }
});

html jquery cookies local-storage
person mALEFACTOr    schedule 30.09.2013    source источник
comment
Вы не должны использовать двойное равно. stackoverflow.com/questions/12271750/   -  person Mrquestion    schedule 09.06.2017

Ответы (1)


arrow_upward
10
arrow_downward

Вы устанавливаете флаг localStorage перед условием if, поэтому флаг wasVisited никогда не будет неопределенным.

Вам нужно установить флаг внутри блока else, как показано ниже.

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