javascript编写活动倒计时

最新推荐文章于 2022-08-09 10:51:25 发布

fetch_and_update

最新推荐文章于 2022-08-09 10:51:25 发布

阅读量312

点赞数

分类专栏： JavaScript 活动倒计时

本文链接：https://blog.csdn.net/fetch_and_update/article/details/70245022

版权

JavaScript 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

活动倒计时

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<title>countDown</title>
		<style type="text/css">
			#mydiv{
				width:150px;
				background-color:green;
				margin:0 auto;
				padding:0 auto;
				color:pink;
			}
		</style>
		<script type="text/javascript">
			<!-- 秒数可修改-->
			var second=50;
			<!-- 分钟可修改-->
			var minute=1;
			<!-- 小时可修改-->
			var hour=1;
			<!-- 天数可修改-->
			var day=1;
			var flag=false;
			function countDown(){
				var div=document.getElementById("mydiv");
				second-=1;
				if(second==0){
					minute=minute-1;
					second=60;
					if(minute<0){
						hour=hour-1;
						minute=59;
						if(hour<0){
							day-=1;
							hour=23;
							if(day<0){
							    flag=true;
							}
						}
					}
				}
				if(flag){
				   div.innerHTML="活动结束！";
				}else{
				   div.innerHTML="距离活动时间还剩："+day+"天"+hour+"小时"+minute+"分"+second+"秒";
				}
			}
			 setInterval("countDown()",1000);
		</script>
	</head>
	<body>
	    <div id="mydiv">倒计时</div>
	</body>
</html>