javascript - 如何弹出消息并将过期时间设置为存储在本地存储中的消息状态？

Question

if(localStorage.getItem('popState') != 'shown'){
        $(function () {
            $('[data-toggle="popover"]').popover({
            content : "....."
        });
          $('[data-toggle="popover"]').popover('show');
        });
            localStorage.setItem('popState','shown')
}

我使用上述方法在页面加载期间向用户显示弹出消息，并在第二次加载后禁用弹出消息显示。如何让它在一段时间后自动弹出给用户？例如用户关闭弹出消息后，它将在一小时后自动显示。

Answer 1

您可以为此使用间隔:

const showPopup = function showPopup() {
  const lastShown = localStorage.getItem('popStateLastShown');
  const hasOneHourPassed = lastShown ?
    (Math.abs(new Date(lastShown) - new Date()) / 36e5) >= 1 :
    false;

  if (hasOneHourPassed || localStorage.getItem('popState') !== 'shown') {
    // Show popup

    localStorage.setItem('popState', 'shown');
    localStorage.setItem('popStateLastShown', new Date());
  }
};

// Run code immediately.
showPopup();

// Check again after an hour.
setInterval(showPopup, 36e5);