网页延迟指定时间跳转至指定页面

笔记 · 03-19 · 91 人浏览

请将下面的代码片段添加到<head>标签内

TIPS-1

        <script language="JavaScript" type="text/javascript">
                function Redirect(){
                            window.location = "/blog";   //要跳转的页面
                    }
                setTimeout('Redirect()', 3000);       //第二个参数是时间，单位毫秒
        </script>

TIPS-2

    <!--自动跳转-->
        <meta http-equiv="refresh" content="3;url=/blog" />
        <!--两个参数：等待时间|链接地址-->

请将下面的代码片段添加到<body>标签内

TIPS-3

        <script>
　　var t=3;//设定跳转的时间
　　setInterval("refer()",1000); //启动1秒定时
　　function refer(){
　　　　if(t==0){
　　　　　　location="/blog"; //#设定跳转的链接地址
　　　　}
　　　　document.getElementById('show').innerHTML="数据将在"+t+"秒后加载完成"; // 显示倒计时
　　　　t--; // 计数器递减
　　}
        </script>
    <span id="show"></span>