單頁面定時跳轉的辦法小結
阿新 • • 發佈:2018-03-02
charset 一個 java 需求 har http show out 復雜
最近做的一個需求,需要單頁面進行倒計時跳轉或者稱定時跳轉,為了以後查找方便,也給其他人共享所以在這裏做個小結
一、使用setTimeout函數實現定時跳轉(該代碼必須寫在body區域內)
<script type="text/javascript"> //3秒鐘之後跳轉到指定的頁面 setTimeout(window.location.href=‘http://www.baidu.com‘,3000); </script>
二、HTML代碼實現,在頁面的head區域塊加上以下代碼
<!--5秒鐘後跳轉到指定的頁面--> <metahttp-equiv="refresh" content="5;url=http://www.baidu.com" />
三、稍微復雜點,則是登陸後的跳轉
<!DOCTYPE HTML> <head> <meta charset=utf-8" /> <title>js定時跳轉頁面的方法</title> </head> <body> <script> var time = 15;//設定跳轉的時間 setInterval(refer,1000); //啟動1秒定時 function refer(){ if(time == 0){ location="http://www.baidu.com"; //#設定跳轉的鏈接地址 } document.getElementById(‘show‘).innerHTML=""+time+"秒後跳轉到百度"; // 顯示倒計時 time--; // 計數器遞減 } </script> <span id="show"></span> </body> </html>
以上就是今天總結的定時跳轉小方法
單頁面定時跳轉的辦法小結