js實現操作成功之後自動跳轉頁面

魚還在魚塘裡發表於2020-09-24
JS

如圖所示樣子：
在這裡插入圖片描述

製作一個跳轉提示頁面：
要求：
1. 如果開啟該頁面後，如果不做任何操作則5秒後自動跳轉到一個新的地址，如慕課網主頁。
2. 如果點選“返回”按鈕則返回前一個頁面

<!DOCTYPE html>
<html>
 <head>
  <title>瀏覽器物件</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
 </head>
 <body>
  <!--先編寫好網頁佈局-->
  
  <div><h1>操作成功</h1></div>
  <div><a id ="p1">5</a>後回到主頁<a href="http://www.baidu.com">返回</a></div>
  <script type="text/javascript">  
 
   
    
   //獲取顯示秒數的元素，通過定時器來更改秒數。
     
     var num = 100;
     function downTime(){
		 document.getElementById('p1').innerHTML=num;
         if(num>0){
            num--;
         }else{
             window.location = "http://www.baidu.com";
         }
         setTimeout("downTime()",1000);
     }
   //通過window的location和history物件來控制網頁的跳轉。
   downTime();
 </script> 
</body>
</html>

相關文章