开启自动刷新和关闭自动刷新偶尔在一些项目需求中需要用到,有时还要显示系统将在多少秒后刷新窗口的文字。效果图如下:
在点关闭自动刷新后效果图:
页面代码:
<span id="spanTitle"></span>//此处显示系统将在多少秒后刷新窗口的文字
<span id="spanSwitch"><A class="ServerList_bluelink" href="javascript:Refresh=0;OrderRefresh(-1);">关闭自动刷新</A></span>
javascript代码
<script language="javascript">
var Time=3*60;
var Refresh=1;
function OrderRefresh(n)
{
if(n>0&&Refresh==1)
{
document.getElementById("spanTitle").innerHTML="系统将在" + n + "秒后刷新窗口";
document.getElementById("spanSwitch").innerHTML="<a href='javascript:Refresh=0;OrderRefresh(-1);'
class='ServerList_bluelink'>关闭自动刷新</a>";
n--;
setTimeout("OrderRefresh(" + n + ")", 1000);
}
else
if(n==0)
location.href=location.href;
else
if (n<0&&Refresh==0)
{
document.getElementById("spanTitle").innerHTML="自动刷新已经停止";
document.getElementById("spanSwitch").innerHTML="<a href='javascript:Refresh=1;OrderRefresh(0);'
class='ServerList_bluelink'>开启自动刷新</a>";
}
}
OrderRefresh(Time);
</script>
开启自动刷新和关闭自动刷新并显示系统将在多少秒后刷新窗口代码讲解完毕,欢迎大家一起研究25亿企业网站管理系统。
作者: 网站设计@ 企业网站管理系统
原载: 25亿企业网站管理系统
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。