兩種方法實現js頁面隔幾秒后跳轉，及區別

這里需要用到window的兩個對象方法，setInterval()和setTimeout()

一. 區別：

1.  setInterval(code,millisec)  周期性（millisec單位毫秒）調用或執行code函數或代碼串

定義和用法

setInterval() 方法可按照指定的周期（以毫秒計）來調用函數或計算表達式。
setInterval() 方法會不停地調用函數，直到 clearInterval() 被調用或窗口被關閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數。

語法
setInterval(code,millisec[,"lang"])

參數 	描述
code 	必需。要調用的函數或要執行的代碼串。
millisec 	必須。周期性執行或調用 code 之間的時間間隔，以毫秒計。

 

2. setTimeout(code,millisec)  等待millisec（單位毫秒）時間后，僅一次執行code函數或代碼串

語法

setTimeout(code,millisec)

參數     描述
code     必需。要調用的函數后要執行的 JavaScript 代碼串。
millisec     必需。在執行代碼前需等待的毫秒數。

 

二. js頁面隔幾秒后跳轉

1. setInterval

       <p id="page_div">將在5秒后自動跳轉到首頁</p>

	<script language="javascript">
		var num = 4; //倒計時的秒數
		var URL = "index.html";
		var id = window.setInterval('doUpdate()', 1000); 
		function doUpdate() {
			document.getElementById('page_div').innerHTML = '將在'+num+'秒后自動跳轉到首頁' ;
			if(num == 0) {
				window.clearInterval(id);
				window.location = URL; 
			}
			num --;
		}
	</script>

2.  setTimeout

       <p id="page_div">將在5秒后自動跳轉到首頁</p>

	<script language="javascript">
		var num = 4; //倒計時的秒數
		var URL = "index.html";
		window.setTimeout("doUpdate()", 1000);
		function doUpdate(){
			if(num != 0){
				document.getElementById('page_div').innerHTML = '將在'+num+'秒后自動跳轉到首頁' ;
				num --;
				window.setTimeout("doUpdate()", 1000);
			}else{
				num = 4;
				window.location = URL; 
			}
		}
	</script>