倒计时

最新推荐文章于 2024-10-11 17:39:47 发布

Lenmon1997

最新推荐文章于 2024-10-11 17:39:47 发布

阅读量210

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_35634577/article/details/78306855

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#box{
				width: 400px;
				margin: 0 auto;
				border: 1px solid #336699;
				text-align: center;
			}
		</style>
		<script type="text/javascript">
			window.onload = function(){
				var box = document.getElementById("box");
				var endTime =new Date("2017/11/11 00:00:00"); //设置未来时间
				//alert(endTime.getTime());
				setInterval(fun,1000);
				function fun(){
					var date = new Date();
					var second = parseInt((endTime.getTime()-date.getTime())/1000);
					var day = parseInt(second/3600/24);
					var hours = parseInt((second/3600)%24);
					//console.log(hours);
					var minute = parseInt(second/60%60);
					var miao = parseInt(second%60);
					day<10? day = "0"+day:day;
					hours<10? hours = "0"+hours:hours;
					minute<10? minute = "0"+minute:minute;
					miao<10? miao = "0"+miao:miao;
					
					box.innerHTML = "距离双十一："+day+"天"+hours+"时"+minute+"分"+miao+"秒";
				}
			}
		</script>
	</head>
	<body>
		<div id="box">123456</div>
	</body>
</html>