php如何讓頁面定時跳或倒時跳轉

2016-11-07 1187 2 編輯:程序開發永勝 來源:程序開發書籍

下面對實現頁面定時跳轉(也稱倒計時跳轉)做一下總結,各種定時跳轉代碼記錄如下:

(1)使用setTimeout函數實現定時跳轉(如下代碼要寫在body區域內)

查看代碼打印

<script type="text/javascript">

//3秒鐘之后跳轉到指定的頁面

setTimeout(window.location.href='http://www.sdhowk.live/div-css/354.html',3);

</script>

(2)html代碼實現,在頁面的head區域塊內加上如下代碼

查看代碼打印

<!--5秒鐘后跳轉到指定的頁面-->

<meta http-equiv="refresh" content="5;url=http://www.sdhowk.live/new/241.html" />

(3)稍微復雜點,多見于登陸之后的定時跳轉

查看代碼打印

<html xmlns="http://www.sdhowk.live/new/195.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.sdhowk.live/jquery-effects/207.html"; //設定跳轉的鏈接地址

    }

    document.getElementById('show').innerHTML=""+t+"秒后跳轉到php程序員教程網"; //顯示倒計時

    t--; //計數器遞減

}

</script>

<span id="show"></span>

</body>

</html>

(4)利用 php header實現頁面重定向已達到頁面定時跳轉的目的

查看代碼打印

<?php

/**

@title:PHP實現定時跳轉

@功能:等待指定的時間,然后再跳轉到指定頁面(代替html meta方式)

*/

header("refresh:3;url=http://www.sdhowk.live/new/61.html");

echo '正在加載,請稍等...<br>三秒后自動跳轉';

/*

說明:若等待時間為0,則與header("location:")等效。

*/

?>

本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
我們猜你喜歡
七星彩头尾