页面的自动刷新以及跳转

最新推荐文章于 2023-10-18 11:37:05 发布

酷鱼影子

最新推荐文章于 2023-10-18 11:37:05 发布

阅读量2.6k

点赞数

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

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

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

说明:

把如下代码加入<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.οnlοad=beginrefresh
file://-->
</script>

酷鱼影子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面的自动刷新以及跳转

当我们在做网页时，有的时候想让网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果不算难。一下代码给大家参考，互相学习。第一：页面自动刷新：把如下代码加入头部文件（&lt;head&gt;）中： &lt;meta http-equiv="refresh" content="20"&gt;,其中20指每隔20秒刷新一次页面.第二：页...
复制链接

扫一扫