首頁  >  文章  >  web前端  >  各種頁面定時跳轉(倒數跳轉)程式碼總結_javascript技巧

各種頁面定時跳轉(倒數跳轉)程式碼總結_javascript技巧

WBOY
WBOY原創
2016-05-16 17:18:50827瀏覽

以下對實現頁面定時跳轉(也稱為倒數跳轉)做一下總結,各種定時跳轉程式碼記錄如下:

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

複製程式碼 程式碼如下:



(2)html程式碼實現,在頁面的head區域區塊內加上如下程式碼
複製程式碼 程式碼如下:




(3)稍微複雜點,多見於登陸之後的定時跳轉
複製程式碼 程式碼如下:




js定時跳轉頁面的方法


<script> <BR>var t=10;//設定跳轉的時間<BR>setInterval("refer()",1000); //啟動1秒定時<BR>function refer(){ <BR>if(t==0){ <BR>location="http:// www.baidu.com"; //#設定跳轉的連結位址<BR>} <BR>document.getElementById('show').innerHTML="" t "秒後跳到百度"; // 顯示倒數計時<BR>t--; // 計數器遞減<BR>//本文轉自: <BR>} <BR></script>



陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn