一个iframe我需要每30秒刷新一次(但不是整个页面)

Question

我有这段代码

<iframe marginwidth="0" marginheight="0" width="240" height="80" scrolling="no" frameborder=0 src="irc_online.php">
</iframe>

我将这个添加到我在侧边栏上的html小部件中,是否有一种方法可以让每次30秒的刷新说而不是我的页面的其余部分？

非常感谢

Answer 1

您可以在irc_online.php中放置元刷新标记

<meta http-equiv="refresh" content="30">

或者您可以使用Javascript和setInterval来刷新Source的src ...

<script>
window.setInterval("reloadIFrame();", 30000);

function reloadIFrame() {
 document.frames["frameNameHere"].location.reload();
}
</script>

Answer 2

我们假设你的iframe id = myIframe

这是代码:

<script>
window.setInterval("reloadIFrame();", 30000);
function reloadIFrame() {
 document.getElementById("myIframe").src="YOUR_PAGE_URL_HERE";
}
</script>

Answer 3

好吧......所以我知道我正在回答十年的问题，但想添加一些东西！我想添加一个带有特殊 iframe 参数的谷歌日历。问题是没有它日历就无法工作。30 秒对我来说有点短，所以我在自己的文件中将其更改为 15 分钟，这对我有用。

<script>
window.setInterval("reloadIFrame();", 30000);
function reloadIFrame() {
 document.getElementById("calendar").src=calendar.src;
}
</script>

    <iframe id="calendar" src="[URL]" style="border-width:0" width=100% height=100% frameborder="0" scrolling="no"></iframe>