jquery – 阻止div每次会话或访问多次显示

我有一个JS函数,它在doc就绪上显示一个消息div,然后在单击“close”链接时隐藏它.

我想在每次访问用户访问的第一页时显示此消息div,然后在该网站之后永远不会显示任何页面视图.

当用户点击站点内的另一个页面时,消息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>

创建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");
};