仅在第一次使用 localStorage 加载网站时显示 DIV答案

【问题标题】：Showing a DIV only the first time a website is loaded with localStorage仅在第一次使用 localStorage 加载网站时显示 DIV
【发布时间】：2013-10-06 14:45:51
【问题描述】：

我正在努力完成这项工作，但我遇到了一些问题。就像标题所说，我希望仅在第一次加载网站时显示 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);
        }
});

【问题讨论】：

你不应该使用双等号。 stackoverflow.com/questions/12271750/…

标签： jquery html cookies local-storage

【解决方案1】：

您在 if 条件之前设置 localStorage 标志，因此标志 wasVisited 永远不会未定义。

您需要在 else 块内设置标志，如下所示

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

【讨论】：