自动跳转首页

最新推荐文章于 2022-05-30 13:55:33 发布

不会切菜的厨师

最新推荐文章于 2022-05-30 13:55:33 发布

阅读量152

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/weixin_42190107/article/details/102885529

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		p{
			text-align: center;
		}
		span{
			color: red;

		}

	</style>
</head>
<body>
	<p>
	
		<span id="time">5</span>秒之后跳转,自动跳转到首页

	</p>
	<script type="text/javascript">
		var second=5;

		function showTime(){
			second -- ;
			if(second<=0){
				//跳转到首页
				location.href="https://www.baidu.com";
			}

			var time=document.getElementById("time");
			time.innerHTML = second+"";

		}

		//设置定时器,1秒执行一次
		setInterval(showTime,1000);

	</script>

	
</body>
</html>