JavaScript 設定幾秒後跳轉頁面 - 架站盒子

如果希望使用JavaScript 來跳轉頁面，只需要用location.href 即可達成，location 接口 ... location.href：轉址; setTimeout：設定秒數（單位是毫秒） ... 線上訪客:1本日人次:232昨日人次:304累積人次:51541 Home 程式設計 JavaScript 　 JavaScript設定幾秒後跳轉頁面 Updated:2022-02-12 │893Views│JavaScript JavaScript設定幾秒後跳轉頁面 跳轉頁面語法 幾秒後跳轉語法 頁面上顯示倒數＋跳轉頁面 跳轉頁面語法 如果希望使用JavaScript來跳轉頁面，只需要用location.href即可達成，location接口表示連結的位置，href即是URL地址，location.href="XXX"，後面的XXX即是網址。

location.href="/";//跳轉首頁 如果希望某個按鈕點下去後跳轉到指定的頁面，則需要加上onclick，再把location.href寫在裡面，由於已經用"包起來，因此裡面要改為'。

點我去首頁 範例 點我去首頁 幾秒後跳轉語法 有時候我們可能會希望在某些交互動作後實現「幾秒後跳轉」的功能，這時候只需要設定setTimeout即可。

setTimeout("location.href='https://kumo.tw/'",3000);//3秒後跳轉頁面 說明 setTimeout：設定秒數。

location.href：目標網址。

3000：毫秒，設定1000為1秒。

頁面上顯示倒數＋跳轉頁面 如果希望在瀏覽器上顯示倒數秒數，可以將倒數秒數的結果寫在指定的元素裡，具體作法請參考以下範例。

HTML JavaScript //設定秒數 varcount=5; functioncountDown(){ //將秒數寫在指定元素中 document.getElementById("timeBox").innerHTML=count; //每次執行就減1 count-=1; //當count=0時跳轉頁面 if(count==0){ location.href="https://kumo.tw/"; } //設定每秒執行1次 setTimeout("countDown()",1000); } //執行countDown countDown(); 說明 varcount：定義變數，變數可自訂。

document.getElementById("timeBox")：找到id為timeBox的元素。

innerHTML：將字串插入指定的元素之HTML中。

x-=y：相當於x=x-y。

location.href：轉址 setTimeout：設定秒數（單位是毫秒） ("countDown()",1000)：每秒執行一次countDown()