启动画面在首页之前闪烁

Question

我在网站上实现了一个简单的启动屏幕，在显示主页之前，每个会话显示一次。

它可以正常工作，但是当您重新加载页面时出现问题，并且不应再显示初始屏幕，而仅显示主页。初始屏幕“闪烁/闪烁” 0.5秒，就像该功能在其余内容加载之后一样。

如果我准备通过CSS实现文档后没有立即使用$("#intro").hide();，则效果相反。主页显示0.5

有没有一种更好的方法来实现这一目标？我知道对此也有类似的问题，但没有给出明确的答案。

这是我正在使用的一段代码：

  $(document).ready(function() {
    $("#intro").hide();
    if(localStorage.getItem('IntroTime') != 'shown'){
        $("#intro").show();
        localStorage.setItem('IntroTime','shown')
    }

    // Close on click
    $('#intro').click(function(e)  {
    $('#intro').fadeOut();
    });

    // Also close after 3 seconds
    setTimeout(function(){
    $('#intro').fadeOut();
    }, 3000);

});