zoukankan      html  css  js  c++  java
  • 页面定时跳转

    实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下:

    (1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内)

    <script type=”text/javascript”>
    //3秒钟之后跳转到指定的页面
    setTimeout(window.location.href=’http://www.zan3.com/zantag/%E5%BB%B6%E8%BF%9F%E5%8A%A0%E8%BD%BD’,3);
    </script>

    (2)html代码实现,在页面的head区域块内加上如下代码

    <!–5秒钟后跳转到指定的页面–>
    <meta http-equiv=”refresh” content=”5;url=http://www.zan3.com/zan2386.html” />

    (3)稍微复杂点,多见于登陆之后的定时跳转

    <html xmlns=”http://www.zan3.com/zan2366.html”>
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
    <title>js定时跳转页面的方法</title>
    </head>
    <body>
    <script type=”text/javascript”>
    var t=10;//设定跳转的时间
    setInterval(“refer()”,1000); //启动1秒定时
    function refer(){
    if(t==0){
    location=”http://www.zan3.com/zan2391.html”; //设定跳转的链接地址
    }
    document.getElementById(‘zanshow’).innerHTML=””+t+”秒后跳转到php程序员教程网”; //显示倒计时
    t–; //计数器递减
    }
    </script>
    <span id=”zanshow”></span>
    </body>
    </html>

    (4)利用 php header实现页面重定向已达到页面定时跳转的目的

    <?php
    /**
    @title:PHP实现定时跳转
    @功能:等待指定的时间,然后再跳转到指定页面(代替html meta方式)
    */
    header(“refresh:3;url=http://www.zan3.com/zan1180.html”);
    echo ‘正在加载,请稍等…<br>三秒后自动跳转';
    /*
    说明:若等待时间为0,则与header(“location:”)等效。
    */
    ?>

  • 相关阅读:
    再次总结Linux最常用命令
    sort命令实战
    JavaScript基础:
    CSS样式基础:
    HTML基础:
    spider(一)
    xgene:疾病相关基因,耳聋,彩色,老年痴呆,帕金森
    xgene:肿瘤相关基因 KRAS,,BRAF,,通路PI3K-AKT
    查询当前Database下所有Datatable及所有记录数
    IIS注册.netframework4.0指令
  • 原文地址:https://www.cnblogs.com/xl900912/p/4350724.html
Copyright © 2011-2022 走看看