javascript - 每 15 秒加载完所有内容后刷新页面

标签 javascript jquery html

我希望当我的页面每 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/

相关文章:

javascript - JavaScript 的 RFC4646 文化代码

javascript - 正则表达式替换字符串中所有完全匹配的单词/字符

jquery - 你能在 JQuery 中提取第 n 个子节点的值吗?

html - 无法点击 Firefox 上的 Bootstrap 模式

javascript - 在发送到服务器之前如何在 javascript 中压缩/gzip 用户数据?

javascript - 动态更改路径的 x 比例 d3.js

javascript - jquery javascript 验证电子邮件和用户名

javascript - jQuery 和 this 对象

javascript - 具有自动播放功能的 HTML5 视频阻止源文件夹被重命名

javascript - ie8 附加子不工作