欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js间隔几秒跳转页面

程序员文章站 2022-03-03 08:53:11
...

一、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>