Javascript 预加载程序-如何在从子页面返回主页面时关闭它？

我需要你帮助预装。我有一个主站点（index.html）和一个子页面（subpage.html）。访问站点时，预加载程序工作正常，但当我从子页面返回到主页时，预加载程序正在重新加载-这是一个问题，我不知道如何停止它。我只想在第一次访问主（索引）页面时加载一次预加载程序。我有两个文件：index.html和subpage.html。预加载程序div（.box）位于index.html中。代码：

<script>
    setTimeout(function() {
        $('.box').fadeOut('slow', function() {
            $(this).remove();
        });
    }, 3500);
</script>

setTimeout（函数（）{
$（'.box'）.fadeOut（'slow'，function（）{
$（this.remove（）；
});
}, 3500);

您可以使用，如果用户第一次或每天访问站点，则

localStorage

将被设置为已访问，您必须检查用户是否已被访问，如果未被访问，则运行

setTimeout

类似的代码

if(localStorage.getItem('visited')!='1')
   setTimeout(function() {
        $('.box').fadeOut('slow', function() {
            $(this).remove();
            localStorage.setItem('visited','1');
        });
    }, 3500);
}

---

那么，您需要存储用户已经看到它的事实，并将您的代码设置为仅在它们没有看到的情况下运行。查看上面的代码不起作用。现在，预加载程序一直在工作：（将值

1

设置为字符串，然后重试。我已经更新了我的答案您已经在index.html页面上添加了上述代码，对吗？请告诉我您是如何在index.html页面中加载子页面的？是的，我在index.html文件中添加了代码。在index.html中，有一个按钮，其属性为：onclick=“window.location.href='subpage.html'”。