javascript - 每次 session /访问弹出一次

Question

我想使用 jQuery 添加一个每次 session /访问出现一次的弹出窗口。

我试过这个:

jQuery(document).ready(function($) {  
  setTimeout(function() {
    if (!sessionStorage.previouslyVisited) {
      $('#exampleModalTextLink').modal('show');
      sessionStorage.previouslyVisited = true;
    }
  }
});

在这一个中，弹出窗口在每个 session 中出现一次(我在 bootstrap 4 上做到了)

$(window).load(function(){
  setTimeout(function() {
    $('#exampleModalTextLink').modal('hide');
  }, 15000);
  setTimeout(function(){
    $('#exampleModalTextLink').modal('show');
  }, 2000);
});

Answer 1

您需要通过以下方式设置和获取 session 变量

jQuery(document).ready(function () {
    // Get saved data from sessionStorage
    var visited = sessionStorage.getItem('visited');

    setTimeout(function () {
        if (visited !== true) {
            $('#exampleModalTextLink').modal('show');
            sessionStorage.setItem('visited', true); // Save data to sessionStorage
        } 
    }, 500);

});

这将检查现有值，如果 false 或 null 则它将调用 modal 否则不会，我不会如果您正在使用 document.ready，请知道为什么要使用 setTimeout。在这里查看 documentation