页面的自动刷新以及跳转

来源：互联网发布：nfs网络文件系统编辑：程序博客网时间：2024/04/28 07:46

当我们在做网页时，有的时候想让网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果不算难。一下代码给大家参考，互相学习。

第一：页面自动刷新：把如下代码加入头部文件（<head>）中：

第二：页面自动跳转：把如下代码加入头部文件（<head>）中：

说明:

把如下代码加入<head>区域中：

代码1.页面自动刷新：

[html] view plaincopy
<meta http-equiv="refresh" content="20">  

代码2.页面自动跳转：

[html] view plaincopy
<meta http-equiv="refresh" content="20;url=http://jianju117.blog.163.com">  

代码3.页面自动刷新：

[javascript] view plaincopy
<script>  
<!--  
var limit="0:10" //时间(分：秒)  
if (document.images){  
var parselimit=limit.split(":")  
parselimit=parselimit[0]*60+parselimit[1]*1  
}  
function beginrefresh(){  
if (!document.images)  
return  
if (parselimit==1)  
window.location.reload()  
else{  
parselimit-=1  
curmin=Math.floor(parselimit/60)  
cursec=parselimit%60  
if (curmin!=0)  
curtime=curmin+"分"+cursec+"秒后重刷本页！"  
else  
curtime=cursec+"秒后重刷本页！"  
window.status=curtime  
setTimeout("beginrefresh()",1000)  
}  
}  
window.onload=beginrefresh  
file://-->  
</script> 

0 0