javascript实现一个简单的5秒倒计时，并跳转

最新推荐文章于 2024-10-06 12:17:25 发布

lzpwzy

最新推荐文章于 2024-10-06 12:17:25 发布

阅读量1.9w

点赞数 5

分类专栏： JavaScript笔记

本文链接：https://blog.csdn.net/lzpzwy/article/details/80072734

版权

JavaScript笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>倒计时五秒</title>
		<script>
			//使用匿名函数方法
			function countDown(){
				
				var time = document.getElementById("Time");
				//alert(time.innerHTML);
				//获取到id为time标签中的内容，现进行判断
				if(time.innerHTML == 0){
					//等于0时清除计时
					window.location.href="https://www.baidu.com";
				}else{
					time.innerHTML = time.innerHTML-1;
				}
			}
			//1000毫秒调用一次
			window.setInterval("countDown()",1000);
		</script>
		<style>
			#Time,#p{
				font-size: 100px;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<p id="Time">5</p>
	</body>
</html>