Javascript 每次访问显示div一次，5秒后消失

我想在每个用户会话中显示一次div（例如，它只显示在fronpage上，然后当您打开子页面时，它不会显示），然后在5秒钟后隐藏它

这是我到目前为止所拥有的。我的问题是，在第一次加载页面时，它会像应该的那样消失，然后每次加载之后，它都不会消失

html:

---

您没有任何可以定义为会话的客户端。这是服务器端的事情

为了让它全部在客户端进行，您可以在本地存储中设置一个时间，并在X小时后“结束”会话。如果过去的时间超过了会话的预期时间，只需检查您的方法。此外，您可以在每次页面加载时重置时间，因此您将获得类似滑动过期的行为（活动用户不会“注销”）

<a id="swipe-tooltip">Swipe Tooltip</a>

$( document ).ready(function() {
    if ( !localStorage.getItem("visited") ) {
        $("#swipe-tooltip").show().fadeIn();
        $("#swipe-tooltip").show().delay(5000).fadeOut();

        localStorage.setItem("visited", true);
    }

    window.addEventListener("beforeunload", function( event ) {
        localStorage.setItem("visited", false);
    });
});