Question

我希望每个用户会话显示一次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);
    });
});

Answer 1

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

要将其全部保留在客户端，您可以在本地存储中设置一个时间并且结束＆＃39; X小时后的会话。如果过去的时间超过您期望的会话时间，请检查您的方法。此外，您可以重置每个页面加载的时间，这样您就会获得类似行为的滑动过期（活跃用户不会被注销＆＃39;）。

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

1 个答案: