如果希望使用 JavaScript 來跳轉頁面，只需要用location.href即可達成，location接口表示連結的位置。
幾秒後跳轉語法
有時候我們可能會希望在某些交互動作後實現「幾秒後跳轉」的功能，這時候只需要設定setTimeout即可。
頁面上顯示倒數＋跳轉頁面
如果希望在瀏覽器上顯示倒數秒數，可以將倒數秒數的結果寫在指定的元素裡，具體作法請參考以下範例。
5秒後跳轉到新網站，會需要建立兩隻檔案， index.html 及 script.js
(1) index.html
引用:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" c>
<meta name="viewport" c>
<script src="script.js" defer></script>
<title>5秒後跳轉到新網站</title>
</head>
<body>
<main>
<center>網頁即將在 <span id="timeBox"></span> 後跳轉到新網站</center>
</main>
</body>
</html>
(2) script.js
引用:
// 設定秒數
var count = 5;
function countDown(){
// 將秒數寫在指定元素中
document.getElementById("timeBox").innerHTML= count;
// 每次執行就減1
count -= 1;
// 當 count = 0 時跳轉頁面
if (count == 0){
location.href="http://www.adj.idv.tw";
}
// 設定每秒執行1次
setTimeout("countDown()",1000);
}
// 執行 countDown
countDown();
變數說明：
var count：定義變數，變數可自訂。
document.getElementById("timeBox")：找到id為timeBox的元素。
innerHTML：將字串插入指定的元素之HTML中。
x -= y：相當於 x = x - y。
location.href：轉址
setTimeout：設定秒數（單位是毫秒）
("countDown()",1000)：每秒執行一次 countDown()
這樣就可以囉！
