js 跳转页面

最新推荐文章于 2022-08-24 15:01:44 发布

qq_37137999

最新推荐文章于 2022-08-24 15:01:44 发布

阅读量275

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/qq_37137999/article/details/80666165

版权

JS 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<body>
		<div id="demo"></div>
	</body>
	<script type="text/javascript">
		var demo = document.getElementById("demo");
		var count = 5 ;
		var speed = 1000;
		
		/*
		 * 递归调用：函数自己调用自己
		 * 
		 * 设置延时定时器，延时1秒后，执行函数goIndex,
		 * 函数goIndex里面，count--，设置demo的内容为count秒之后跳转页面
		 * 如果count <= 0，使用BOM对象 （浏览器对象）：window。location来跳转页面
		 * 否则延时speed 秒之后，调用goIndex 函数（函数自己调用自己），
		 */
		
		setTimeout(goIndex,speed);
		
		function goIndex(){
			count--;
			demo.innerHTML = "<a href='https://www.baidu.com'>还剩"+count+"秒跳转页面</a>";   // 若用户不愿等，添加a标签 直接跳转
			if(count <= 0){
				window.location.href = "https://www.baidu.com";
			}else{
				setTimeout(goIndex,speed);         // 递归调用
			}
		}
	</script>

效果：