页面自动刷新

最新推荐文章于 2025-07-07 23:22:43 发布

原创最新推荐文章于 2025-07-07 23:22:43 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #javascript #url #cgi #web #function

本文介绍如何使用HTML与JavaScript实现网页的自动刷新及跳转功能。通过<meta>标签设置刷新时间与目标URL即可轻松实现网页的定时刷新与跳转。

1.页面自动刷新

脚本说明：
把如下代码加入<body>区域中:
<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>

2，页面自动刷新：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.

3，页面自动跳转：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=http://www.cn76.com">,其中20指隔20秒后跳转到http://www.cn76.com页面。

实现网页自动刷新

    通常HTML文件需要浏览者来选择浏览的内容，如果想自动更换显示的内容一般要用到JavaScript、JAVA或CGI等方法来完成。

    现在可以用META实现自动更换显示内容，更换的时间和文件都可以自行设定。语句如下：

    <HEAD>

    <TITLE>刷新内容< /TITLE>

    <META HTTP-EQUIV="REFRESH" CONTENT="x; URL=*.*">

    < /HEAD>

    x 是刷新的时间，单位是秒。*.* 是刷新的文件。

    利用<META>标签实现Web的自动跳转。

    在Web上显示一段欢迎信息，隔一定秒数后，自动跳转到其他的Web页面，由此可以造成新奇的效果。其实现方法是在< HEAD >与< /HEAD >标签之间加上如下语句：

    <meta http-equiv="Refresh" content="秒数; url=跳转的文件或地址">

    如将一个显示欢迎信息的图像：welcome.gif存放在与HTML文档同一个

    目录中，则下面的HTML文件在浏览器中显示该图像，3 秒钟后将自动跳

    转到人民日报网络版：http://www.peopledaily.com.cn

    <HTML>

    <HEAD>

    <TITLE>WELCOME< /TITLE>

    <meta http-equiv="Refresh" content="3;

    url=http://www.peopledaily.com.cn">

    < /HEAD>

    < /HTML>SRC="welcome.gif" >

    多个内容相似而背景不同的页面，让其每隔一定时间自动相互跳转。