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

时间:2011-02-28 19:48:53

标签: iframe refresh

我有这段代码

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

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

许多 感谢

5 个答案:

答案 0 :(得分:35)

您可以在irc_online.php中添加元刷新标记

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

或者你可以使用Javascript和setInterval刷新Source的源代码...

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

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

答案 1 :(得分:10)

我们假设你的iframe id = myIframe

这是代码:

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

答案 2 :(得分:1)

我有一个更简单的解决方案。在目标页面(irc_online.php)中,在标题中添加自动刷新标记。

   

答案 3 :(得分:1)

好的......所以我知道我回答了十年的问题,但是想补充一点! 我想添加一个带有特殊iframe参数的Google日历。问题是如果没有它,日历就无法运作。 我使用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>

答案 4 :(得分:0)

将“id ='myiframe'”添加到iframe,然后使用此脚本:

<script>

function f1()
{
 var x=document.getElementById("myiframe");
   x.src=x.src+Math.floor(random()%100000);
}

setInterval(f1,30*1000);

</script>