javascript - 每次访问仅显示一次弹出窗口

Question

我想每个 session 仅显示一次弹出窗口，该窗口在一段时间后就会过期。有人可以帮助我吗？

function PopUp(){
    $('.home-popup').fadeIn(500);
}

setTimeout(function(){
  PopUp();
},1000); // 1000 to load it after 1 second from page load

$('.close-popup-btn').click(function() {
    $('.popup').fadeOut(300);
});

Answer 1

您也可以使用本地存储来实现此目的。要设置存储项: localStorage.setItem('myPopup','true'); 并检查它，您可以执行以下操作:

var poppy = localStorage.getItem('myPopup');

if(!poppy){
    function PopUp(){
        $('.home-popup').fadeIn(500);
    }

    setTimeout(function(){
        PopUp();
    },1000); // 1000 to load it after 1 second from page load

    $('.close-popup-btn').click(function() {
        $('.popup').fadeOut(300);
    });
    localStorage.setItem('myPopup','true');
}