网页自动刷新代码(JavaScript代码 两种方法参考)

来源:网络整理 责任编辑:栏目编辑 发表时间:2013-07-01 19:02 点击:


    通常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" >

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


法二:javascript

演示效果:本页将在规定的时间自动刷新. 代码提示:将下面的代码复制到〈head〉区.

<script>
<!--
var limit="0:15"//修改刷新时间

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
//-->
</script>

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • Gb2312转utf-8编码的方法(vbs+js)
    • 如何使用Ajax技术开发Web应用程序(1)
    • js跳转路径问题
    • JavaScript模仿桌面窗口
    • 用js检测两个线段是否相交
    • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
    • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
    • 我是如何去了解jquery的(六),案例之幻灯片轮换
    • Jquery封装幻灯片效果
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1