js间隔几秒跳转页面

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_40877388/article/details/80019463

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









展开阅读全文

没有更多推荐了,返回首页