1. 程式人生 > >js間隔幾秒跳轉頁面

js間隔幾秒跳轉頁面

一、js中跳轉頁面顯示倒計時

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="div1"></div>
	</body>
</html>
<script type="text/javascript">
	//設定倒數秒數 
	var count = 3;
	//寫一個方法,顯示倒數秒數  數到0後跳轉頁面  
	function countDown(){
		//將count顯示在div中
		document.getElementById("div1").innerHTML= count;
		//沒執行一次,count減1
		count -= 1;
		//count=0時,跳轉頁面
		if(count==0){
			location.href="http://www.baidu.com";
                        //window.location.href="index.html";
		}
		//每秒執行一次,showTime()
		setTimeout("countDown()",1000);
	}
	//執行countDown方法
	countDown();
</script>

二、js跳轉頁面不顯示倒計時

<script type="text/javascript">  
	function countDown(){
		//三秒之後跳轉頁面
		setTimeout("location.href='http://www.baidu.com'",3000);
                //setTimeout("location.href='index.html'",3000);
	}
	//執行跳轉頁面函式
	countDown();
</script>