我希望当我的页面每 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 id="table" align="center"></div>
最佳答案
您可以通过Document.readyState检查页面是否已完全加载。 .
可能有很多方法可以做到这一点,但我会用一个 CSS 框覆盖整个页面,并显示“正在加载”消息。当加载消息出现时,我将使用 setInterval()
来检查 document.readyState
。当readystate返回complete
时,我会清除初始的setInterval()
,隐藏加载消息,然后显示页面的其余部分。
关于javascript - 每 15 秒加载完所有内容后刷新页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25372472/