加载程序 javascript sessionStorage 不起作用答案

【问题标题】：Loader javascript sessionStorage don't work加载程序 javascript sessionStorage 不起作用
【发布时间】：2019-04-08 22:02:11
【问题描述】：

我有这个脚本，它只工作了一半；加载器显示在所有页面中，但我只想在首页显示它以供首次访问。

sessionStorage.setItem('visited' , false);        
var visited = sessionStorage.getItem('visited');
if (visited != true) {
    jQuery(window).load(function() {
        jQuery(".famous-loader-overlay").delay(1500).fadeOut(1500);
    });
} else {
    jQuery(window).load(function() {
        jQuery(".famous-loader-overlay").hide();
    });
}
sessionStorage.setItem('visited', true);

【问题讨论】：

标签： javascript jquery wordpress loader session-storage

【解决方案1】：

会话存储将数据保存在字符串中，因此您总是会出错。试试：

visited != "true"

【讨论】：

谢谢！它可以工作，但是在其他页面的第一次显示之后它会在消失之前显示片刻，我该如何解决？谢谢
在加载前设置时间 1ms 并使用 remove 代替 hide。
如何设置时间？因为我用了remove，但无论如何都可以看到
查看stackoverflow.com/questions/34478502/… 时间的示例

【解决方案2】：

在它刚刚被访问时隐藏它，并且仅在它没有被访问时设置为已访问

jQuery(window).load(function() {
    if (sessionStorage.getItem('visited')) {
        jQuery(".famous-loader-overlay").hide();
        return;
    }
    jQuery(".famous-loader-overlay").delay(1500).fadeOut(1500);
    sessionStorage.setItem('visited', "1");
});

【讨论】：

谢谢！它可以工作，但是在其他页面的第一次显示之后它会在消失之前显示片刻，我该如何解决？谢谢