jquery - 阻止 div 在每次 session 或访问中显示多次

Question

我有一个 JS 函数，它在文档就绪时显示消息 div，然后在单击“关闭”链接时隐藏它。

我只想在每次访问用户访问的第一个页面时显示此消息 div 一次，然后在网站中不再显示任何页面 View 。

当用户点击网站内的另一个页面时，消息 div 再次显示，这显然对每个人来说都很烦人。

我在 jQuery 中查找了“one”，但不知道如何用我的 JS 知识来实现​​它。

<script>
$(document).ready(function(){
    $("div#panel").hide();

    var autoTimer = null;

    autoTimer = setTimeout(function(){
        $("div#panel").slideDown("slow");
    },1000);
    $("#close").click(function(){
        $("div#panel").slideUp("slow"); 
        if(autoTimer) clearTimeout(autoTimer);
        autoTimer = null;
        $("div#close").css("display","none");
    });         
});
</script>

Answer 1

创建一个localStorage键，当用户进入页面时设置它，并在用户离开页面时删除它:

//On user coming to page:
//Check localStorage on each page visit, if it's null, show your div
if (!localStorage.getItem("visited")) {
    //show the div

    //Set the key
    localStorage.setItem("visited", "true");
}

//clear localStorage on tab close
window.onbeforeunload = function() {
    localStorage.removeItem("visited");
};