Question

我希望每隔15秒自动刷新一次页面，所有内容都要加载一次。我尝试了这个代码，但它不起作用。例如，当图像很大时，我不希望看到图像加载缓慢，我希望页面在后台完全加载（图像，表格），然后到看到所有的变化一次。任何想法？我试过这段代码，但它没有按照我的预期工作。

<script>
function autoRefresh1()
{
window.setTimeout(function(){ document.location.reload(true); }, 15000);
}
</script>

<body onLoad="autoRefresh1();">

按照评论中的链接后，我找到了解决问题的解决方案

<script type="text/javascript"
    src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
    $(document).ready(
            function() {
                setInterval(function() {
                $('#table').load("table.html");
                }, 15000);
            });
</script>

和div里面的div：

<div id="table" align="center"></div>

Answer 1

您可以查看该网页是否已完全加载Document.readyState。

可能有很多方法可以做到这一点，但是我会在整个页面上覆盖一个“加载”消息的CSS框。加载消息已启动时，我会使用setInterval()来检查document.readyState。当readystate返回complete时，我会清除最初的setInterval()，隐藏加载消息，然后显示页面的其余部分。

每15秒加载一次后刷新页面

1 个答案: