JavaScript倒计时

最新推荐文章于 2022-08-26 09:37:15 发布

BUGliuzongyuan

最新推荐文章于 2022-08-26 09:37:15 发布

阅读量167

点赞数 3

分类专栏： JavaScript 文章标签： JavaScript倒计时

本文链接：https://blog.csdn.net/Year98Programmer/article/details/102812025

版权

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zn">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		#box{margin:auto; width: 200px;height: 70px;border: 1px solid #ff0;text-align: center;line-height: 70px;}
		//设置倒计时显示样式
	</style>
</head>
<body>
	<div id="box">
		
	</div>

	<script type="text/javascript">
		var o=document.getElementById('box');

		function showTime() {
			var date=new Date();//创建一个日期对象的实例
			//年月日
			var year=date.getFullYear();
			//调出当前的时间，在当前当前的时间加1天
			var month=date.getMonth()+1;
			// month=month+1;
			var day=date.getDate()+1;
			

			//时分秒
			//一天时间减去当前时间
			var hour=24-date.getHours();
			var minute=60-date.getMinutes();
			var second=60-date.getSeconds();
			//补零
			if(hour<10){
				hour='0'+hour;
			}
			if(minute<10){
				minute='0'+minute;
			}
			if(second<10){
				second='0'+second;
			}
			//输出
			var time='距离明天还剩'+hour+':'+minute+':'+second;
			//将时间显示在div中
			o.innerHTML=time;

			setTimeout('showTime()',1000);//一秒种之后执行showTime一次
		}

		//函数不会自动执行，需要调用才可以执行
		showTime();
	</script>
</body>
</html>