本文介绍了一种利用JavaScript实现网页定时刷新的方法，并展示了如何在页面上动态显示当前时间。通过设置定时器，使得内嵌的iframe每秒更新一次内容，同时按钮点击也能触发刷新。
这里设置的是每秒刷新一次。实际应用时，此刷新
频率可能要影响服务器的性能，可设置为每隔5到10分钟刷新一次。
<html>
<body onload='dis()'>
<div id=f style="position:absolute;top:100;left:100;width:300;height:300;background-color:#9999FF;">
<iframe id=ref1 src="ref1.htm"></iframe>
</div>
<button name=fr onclick="javascript:ref1.location.reload()">ddd</button>
<span id=cnt>ssss<span><br>
<script language=javascript>
function dis()...{
var d=new Date();
cnt.innerHTML="<b>"+d+"</b>";
re();
}
void function re()
{
ref1.location.reload();
setTimeout("re()",1000);
}
</script>
</body>
</html>
频率可能要影响服务器的性能，可设置为每隔5到10分钟刷新一次。
<html><body onload='dis()'><div id=f style="position:absolute;top:100;left:100;width:300;height:300;background-color:#9999FF;"><iframe id=ref1 src="ref1.htm"></iframe></div><button name=fr onclick="javascript:ref1.location.reload()">ddd</button><span id=cnt>ssss<span><br><script language=javascript>function dis()...{ var d=new Date();cnt.innerHTML="<b>"+d+"</b>";re();}void function re(){ ref1.location.reload(); setTimeout("re()",1000);}</script></body></html>
ref1.htm
----------------------------------------------
<html>
<body>
<span id=cnt>ssss<span><br>
<script language=javascript defer>
cnt.innerHTML="<b>"+new Date()+"</b>";
</script>
</body>
</html>
<body>
<span id=cnt>ssss<span><br>
<script language=javascript defer>
cnt.innerHTML="<b>"+new Date()+"</b>";
</script>
</body>
</html>
扫一扫
246
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
