zoukankan      html  css  js  c++  java
  • 页面的自动刷新以及跳转

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

    第一:页面自动刷新:把如下代码加入头部文件(<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>

  • 相关阅读:
    Linux
    Other
    Linux
    VIM
    Linux
    其他
    Win10
    Win10
    IDE
    其他
  • 原文地址:https://www.cnblogs.com/kuyuyingzi/p/4266293.html
Copyright © 2011-2022 走看看