javascript:如何连续加载页面

Question

我知道这听起来有点违反直觉，

但我正在寻找一种让网页持续加载的方法。我的意思是我想要 chrome 上的图标，例如，保留蓝色动画 gif。

有什么建议吗？

Answer 1

我会做这样的事情:

<iframe style="display:none;" id="iframe1" src="loader.php" ></iframe>
<iframe style="display:none;" id="iframe2" src="" ></iframe>

创建一个名为 loader.php 的 .php 文件，然后输入如下内容:

<? sleep(6); ?>

然后在你的主页中，使用这个:

// DONT FORGET TO INCLUDE JQUERY SOMEWHERE IN YOUR HEADER
<script type="text/javascript">
    var activeIframe = 2;
    var timer = 1;
    function startLoader(){
        if(activeIframe == 1){
            activeIframe = 2;
            $('#iframe1').attr('src', 'loader.php?timer='+timer);
            timer++;
        }else{
            $('#iframe2').attr('src', 'loader.php?timer='+timer);
            activeIframe = 1;
            timer++;
        }
    }

    $(document).ready(function() {
        setInterval("startLoader()",4000);
    });
</script>

此文件加载到第一个 iFrame 中。它将在 6 秒后完成，但您将在此之前更改第二个 iFrame 的内容:4 秒后调用同一文件。只要重复这个过程。使用两个 iframe 和 6 秒休眠的原因是为了确保 iframe 能够加载(因为每个 div 将每 8 (4 + 4) 秒重新加载一次)否则浏览器将/可能崩溃。通过使用两个 iframe，一个将始终加载，而另一个允许完成。 loader.php?timer=<number>用于阻止浏览器缓存页面(尽管我认为无论如何它都不应该这样做，因为 PHP sleep() 函数总是减慢加载速度，但只是为了安全起见)