使用原生JavaScript写一个倒计时页面

最新推荐文章于 2022-10-05 00:10:42 发布

不懂事的程序员~

最新推荐文章于 2022-10-05 00:10:42 发布

阅读量299

点赞数

文章标签： js

本文链接：https://blog.csdn.net/qq_45280147/article/details/108655287

版权

使用原生JavaScript写一个倒计时页面

直接看代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>倒计时</title>
	<script>
			function Down(){
				//获取初始时间
				var time = document.getElementById("Time");
				
				//获取到id为time标签中的数字时间
				if(time.innerHTML == 0){
					//等于0时清除计时，并跳转该指定页面
					window.location.href="https://blog.csdn.net/qq_45280147";
				}else{
                    //获取网页内容,然后将获取到的值减1操作后,再将赋值出去,实现了倒计时操作
					time.innerHTML = time.innerHTML-1;
				}
			}
			//1000毫秒调用一次
			window.setInterval("Down()",1000);
		</script>
		<style>
			#Time,#p{
				font-size: 100px;
				text-align: center;
			}
			#Font,#p{
				font-size: 50px;
				text-align: center;
			}
		</style>
</head>

<body>

	<body>
		<font color="yellow"><p id="Time" >10</p></font>
		<p id="Font">即将跳转到本博主主页</p>
</body>
</html>