页面的自动刷新以及跳转

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

第一:页面自动刷新:把如下代码加入头部文件(<head>)中:
       <meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.
第二:页面自动跳转:把如下代码加入头部文件(<head>)中:
       <meta http-equiv="refresh" content="20;url=http://jianju117.blog.163.com/">,其中20指隔20秒后跳转到指       定的:http://jianju117.blog.163.com页面。

说明:
把如下代码加入<head>区域中:
代码1.页面自动刷新:
<meta http-equiv="refresh" content="20">

代码2.页面自动跳转:
<meta http-equiv="refresh" content="20;url=http://jianju117.blog.163.com">

代码3.页面自动刷新:
<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>

原文地址:https://www.cnblogs.com/kuyuyingzi/p/4266293.html