頁面定時跳轉(倒計時跳轉)代碼總結

時間 2019-11-12

標籤頁面定時倒計時代碼總結简体版

原文原文鏈接

（1）使用setTimeout函數實現定時跳轉（以下代碼要寫在body區域內） 1 <script type="text/javascript"> 2 //3秒鐘以後跳轉到指定的頁面 3 setTimeout(window.location.href='www.baidu.com',3); 4 </script> （2）html代碼實現，在頁面的head區域塊內加上以下代碼 1  2 <meta http-equiv="refresh" content="5;url=http://www.baidu.com" /> （3）稍微複雜點，多見於登錄以後的定時跳轉 01 <html xmlns=""> 02 <head> 03 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 04 <title>js定時跳轉頁面的方法</title> 05 </head> 06 <body> 07 <script type="text/javascript"> 08 var t=10;//設定跳轉的時間 09 setInterval("refer()",1000); //啓動1秒定時 10 function refer(){ 11 if(t==0){ 12 location="http://www.baidu.com"; //#設定跳轉的連接地址 13 } 14 document.getElementById('show').innerHTML=""+t+"秒後跳轉到php程序員教程網"; // 顯示倒計時 15 t--; // 計數器遞減 16 //本文轉自： 17 } 18 </script> 19 <span id="show"></span> 20 </body> 21 </html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。