使用javascript實現(xiàn)頁面定時跳轉(zhuǎn)總結(jié)篇
更新時間：2013年09月21日 12:14:40 作者：
下面對使用JavaScript實現(xiàn)頁面定時跳轉(zhuǎn)做一下總結(jié)，各種定時跳轉(zhuǎn)代碼記錄如下，希望對大家有所幫助
下面對使用JavaScript實現(xiàn)頁面定時跳轉(zhuǎn)（也稱倒計時跳轉(zhuǎn)）做一下總結(jié)，各種定時跳轉(zhuǎn)代碼記錄如下：
（1）使用 setTimeout 函數(shù)實現(xiàn)定時跳轉(zhuǎn)（如下代碼要寫在body區(qū)域內(nèi)）
<script type="text/javascript">
// 3秒鐘之后跳轉(zhuǎn)到指定的頁面
setTimeout(window.location., 3);
</script>
（2）html代碼實現(xiàn)，在頁面的head區(qū)域塊內(nèi)加上如下代碼
<!-- 5秒鐘后跳轉(zhuǎn)到指定的頁面 -->
<meta http-equiv="refresh" content="5;url=http://3aj.cn/javascript/19.html" />
（3）稍微復雜點，多見于登陸之后的定時跳轉(zhuǎn)
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js定時跳轉(zhuǎn)頁面的方法</title>
</head>
<body>
<script type="text/javascript">
var t = 10; // 設定跳轉(zhuǎn)的時間
setInterval("refer()", 1000); // 啟動1秒定時
function refer(){
if (t == 0) {
location = "http://3aj.cn/javascript/19.html"; // 設定跳轉(zhuǎn)的鏈接地址
}
document.getElementById('show').innerHTML = "" + t + "秒后跳轉(zhuǎn)到php程序員教程網(wǎng)"; // 顯示倒計時
t--; // 計數(shù)器遞減
}
</script>
<span id="show"></span>
</body>
</html>
（1）使用 setTimeout 函數(shù)實現(xiàn)定時跳轉(zhuǎn)（如下代碼要寫在body區(qū)域內(nèi)）
復制代碼 代碼如下:
<script type="text/javascript">
// 3秒鐘之后跳轉(zhuǎn)到指定的頁面
setTimeout(window.location., 3);
</script>
（2）html代碼實現(xiàn)，在頁面的head區(qū)域塊內(nèi)加上如下代碼
復制代碼 代碼如下:
<!-- 5秒鐘后跳轉(zhuǎn)到指定的頁面 -->
<meta http-equiv="refresh" content="5;url=http://3aj.cn/javascript/19.html" />
（3）稍微復雜點，多見于登陸之后的定時跳轉(zhuǎn)
復制代碼 代碼如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js定時跳轉(zhuǎn)頁面的方法</title>
</head>
<body>
<script type="text/javascript">
var t = 10; // 設定跳轉(zhuǎn)的時間
setInterval("refer()", 1000); // 啟動1秒定時
function refer(){
if (t == 0) {
location = "http://3aj.cn/javascript/19.html"; // 設定跳轉(zhuǎn)的鏈接地址
}
document.getElementById('show').innerHTML = "" + t + "秒后跳轉(zhuǎn)到php程序員教程網(wǎng)"; // 顯示倒計時
t--; // 計數(shù)器遞減
}
</script>
<span id="show"></span>
</body>
</html>
您可能感興趣的文章:
- JS在一定時間內(nèi)跳轉(zhuǎn)頁面及各種刷新頁面的實現(xiàn)方法
- 基于JavaScript實現(xiàn)定時跳轉(zhuǎn)到指定頁面
- ASP.NET中配合JS實現(xiàn)頁面計時（定時）自動跳轉(zhuǎn)
- javascript使用定時函數(shù)實現(xiàn)跳轉(zhuǎn)到某個頁面
- 等待指定時間后自動跳轉(zhuǎn)或關(guān)閉當前頁面的js代碼
- JS定時刷新頁面及跳轉(zhuǎn)頁面的方法
- Javascript倒計時（定時）執(zhí)行跳轉(zhuǎn)事件的代碼
- js跳轉(zhuǎn)頁面方法實現(xiàn)匯總
- js實現(xiàn)頁面跳轉(zhuǎn)重定向的幾種方式
- js跳轉(zhuǎn)頁面方法總結(jié)
- js 3秒后跳轉(zhuǎn)頁面的實現(xiàn)代碼
- JavaScript實現(xiàn)定時頁面跳轉(zhuǎn)功能示例
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于微信小程序自定義modal彈窗組件的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12
uniapp中uni.navigateBack返回后刷新頁面數(shù)據(jù)的實現(xiàn)
本文主要介紹了uniapp中uni.navigateBack返回后刷新頁面數(shù)據(jù)的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-11-11
javascript+html5實現(xiàn)仿flash滾動播放圖片的方法
這篇文章主要介紹了javascript+html5實現(xiàn)仿flash滾動播放圖片的方法,可實現(xiàn)類似Flash滾動播放的效果,非常具有實用價值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了JS頁面獲取 session 值，作用域和閉包,結(jié)合具體實例形式分析了javascript與jsp交互獲取session值、函數(shù)作用域及閉包相關(guān)操作技巧,需要的朋友可以參考下2019-10-10
本節(jié)實例給出一個獲取瀏覽器當前窗口大小的方法。當瀏覽器窗口大小變化時，顯示的值會隨時變化2011-12-12
分享js粘帖屏幕截圖到web頁面插件screenshot-paste
這篇文章主要為大家分享了js粘帖屏幕截圖到web頁面插件screenshot-paste的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要為大家介紹了JS之延時器和定時器執(zhí)行示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
這篇文章主要介紹了JS獲取年月日時分秒的方法,結(jié)合實例形式分析了JS獲取具體時間的常犯錯誤與相應解決方法,需要的朋友可以參考下2016-11-11
這篇文章主要為大家詳細介紹了原生JavaScript實現(xiàn)輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
js cookies實現(xiàn)簡單統(tǒng)計訪問次數(shù)
js cookies實現(xiàn)簡單統(tǒng)計訪問次數(shù)的實現(xiàn)代碼。主要是掌握js對cookies的操作。2009-11-11