javascript - 灯箱弹窗不应该再出现

Question

当我加载页面时，应该会显示弹出窗口。但是当我刷新页面时，弹出窗口不应该在那里。'

       $('body').addClass('stop-scrolling');
       $('#fade').css('display','block');
       $('#light').css('display','block');
    `

fade and light class 用于淡化屏幕，光线会从上侧滑动。现在，如果我刷新页面，这个灯箱将再次出现在屏幕上。我已将这段代码放在就绪函数中，这就是为什么每次刷新页面时它都会显示。该怎么做才能使其仅在页面加载时按时显示。防止它在我每次刷新页面时出现。提前致谢

Answer 1

使用这样的东西

$(document).ready(function () {
    if (localStorage.getItem('wasVisited') !== undefined) {
         $('#fade').hide();
         $('#light').hide();
    } else {
        localStorage.setItem('wasVisited', 1);
         $('body').addClass('stop-scrolling');
         $('#fade').show();
         $('#light').show();
    }
});