Javascript 每15秒加载所有内容后刷新页面
我想当我的网页是自动刷新每15秒,一切都要加载一次。我尝试了这段代码,但它不起作用。例如,当图像较大时,我不希望看到图像加载缓慢,我希望在后台完全加载页面(图像、表格),然后一次性查看所有更改。有什么想法吗?我尝试了这段代码,但它没有像我预期的那样工作Javascript 每15秒加载所有内容后刷新页面,javascript,jquery,html,Javascript,Jquery,Html,我想当我的网页是自动刷新每15秒,一切都要加载一次。我尝试了这段代码,但它不起作用。例如,当图像较大时,我不希望看到图像加载缓慢,我希望在后台完全加载页面(图像、表格),然后一次性查看所有更改。有什么想法吗?我尝试了这段代码,但它没有像我预期的那样工作 <script> function autoRefresh1() { window.setTimeout(function(){ document.location.reload(true); }, 15000); } </sc
<script>
function autoRefresh1()
{
window.setTimeout(function(){ document.location.reload(true); }, 15000);
}
</script>
<body onLoad="autoRefresh1();">
函数autoRefresh1()
{
setTimeout(函数(){document.location.reload(true);},15000);
}
在遵循评论中的链接之后,我找到了解决问题的解决方案
<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>
$(文件)。准备好了吗(
函数(){
setInterval(函数(){
$('#table').load(“table.html”);
}, 15000);
});
以及
<div id="table" align="center"></div>
您可以检查页面是否已完全加载
可能有很多方法可以做到这一点,但是我会用一个CSS框覆盖整个页面,并显示一条“正在加载”的消息。加载消息启动时,我将使用
setInterval()
检查文档。readyState
。当readystate返回complete
时,我会清除初始的setInterval()
,隐藏加载消息,这将显示页面的其余部分。听起来您需要像上面那样继续页面刷新,但可能会在页面的机密部分添加一些css,您可以在document.ready块中取消隐藏这些css。像这样的事看看这个问题的最热门答案,它似乎可以实现你想要实现的目标。“根据jQuery的文档,在使用图像加载事件时有许多注意事项。如另一个答案中所述,ahpi.imgload.js插件已损坏,但链接的Paul Irish gist不再维护。根据Paul Irish,用于检测图像加载完成事件的规范插件现在位于:”页面上的所有内容都可能更改吗?更好的方法可能是重新加载可能发生变化的内容。如果您有一个.NET
后端,您甚至可以查看感谢链接,它们帮助我找到了解决方案:)