每次访问显示 div 一次，5 秒后也消失答案

【问题标题】：Show div once per visit, also dissapear after 5 seconds每次访问显示 div 一次，5 秒后也消失
【发布时间】：2014-05-25 19:58:10
【问题描述】：

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

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

html:

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

js:

$( 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);
    });
});

【问题讨论】：

标签： javascript jquery html session

【解决方案1】：

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

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

【讨论】：