倒计时——js

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

Yhaomin

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

阅读量83

点赞数 2

分类专栏： js JavaScript

本文链接：https://blog.csdn.net/weixin_50993428/article/details/116998407

版权

js 同时被 2 个专栏收录

27 篇文章 0 订阅

订阅专栏

JavaScript

12 篇文章 0 订阅

订阅专栏

节日限时抢购倒计时

		<style type="text/css">
			b{color: #FF0000;}
		</style>

		<p align="center">距端午节6月14日00:00:00还有<b id="date"></b>天<b id="house"></b>小时<b id="minute"></b>分钟<b id="second"></b>秒</p>
		<script>
			window.onload=function(){
				(function time(){
					var date=document.getElementById("date");
					var house=document.getElementById("house");
					var minute=document.getElementById("minute");
					var second=document.getElementById("second");
					
					var end=new Date("2021-06-14 00:00:00");
					var start=new Date();
					var result= end - start;
					
					date.innerHTML=parseInt(result/1000/3600/24);
					house.innerHTML=parseInt(result/1000/3600%24);
					minute.innerHTML=parseInt(result/1000/60%60);
					second.innerHTML=parseInt(result/1000%60);
					if(date.innerHTM<10){
						date.innerHTML="0" + date.innerHTML
					}
					if(house.innerHTML<10){
						house.innerHTML="0" + house.innerHTML;
					}
					if(minute.innerHTML<10){
						minute.innerHTML="0" + minute.innerHTML;
					}
					if(second.innerHTML<10){
						second.innerHTML="0" + second.innerHTML;
					}
					
					t=setTimeout(time,1000);
				})()
			}
		</script>