- 相關推薦
如何使用JavaScript實現頁面定時跳轉
導語:如何使用JavaScript實現頁面定時跳轉呢?下面是小編給大家提供的代碼實現,大家可以參考閱讀,更多詳情請關注應屆畢業生考試網。
1.創建一個就簡單的頁面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>頁面定時自動跳轉并顯示倒計時</title>
</head>
<body>
<h1>自動跳轉:<span id="wait">4</span></h1>
</body>
</html>
2.js函數
/**
* 定時跳轉
* href 要跳轉的鏈接
* elemId 顯示時間元素
*/
function TimeLocation(href,elemId){
var elem = document.getElementById(elemId);
var interval = setInterval(function(){
var time = --elem.innerHTML;
if(time <= 0) {
location.href = href;
clearInterval(interval);
}
},1000);
}
3.調用
window.onload=function(){
TimeLocation('localhost','wait');
}
【如何使用JavaScript實現頁面定時跳轉】相關文章:
PHP頁面跳轉實現技巧09-19
PHP中實現頁面跳轉07-06
PHP頁面跳轉幾種實現技巧07-26
如何使用JavaScript實現倒計時10-14
如何使用JavaScript實現香港身份格式及真偽性驗證09-09
JavaScript如何實現JSON.stringify09-19
如何使用firework設計網站頁面09-18