【yoyo】计算2018年1月1日距当天事件还剩多少天，多少小时，多少分钟，多少秒；

时间：2023-02-11 22:34:10
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		h1 {
			display: inline;
			color: red;
		}
	</style>
</head>
<body>
	<p>距离2018年1月1日还有 小时 分钟 秒</p>
</body>
<script>
	setInterval(function(){
		// 获取当前时间
		var nowDate = new Date();
		//获取当前事件距离1970年1月1日有多少秒
		var nowTime = nowDate.getTime();

		// 获取2018年1月1日时间
		var futureDate  = new Date(2018,0,1);
		// 获取2018年1月1日距离1970年1月1日有多少秒；
		var futureTime = futureDate.getTime();

		// 获得当前日期距离2018年有多少毫秒
		var second = futureTime - nowTime;
		console.log(second);

		// 获取秒数
		var miao = parseInt(second/1000)%60;

		//获取分钟数
		var minute = parseInt(second/60000)%60;

		//获取小时
		var hour = parseInt(second/3600000)%24;

		//获取天数
		var days = 	parseInt(second/3600000/24);

		var result = document.getElementsByTagName('p')[0];

		result.innerHTML = '距离2018年1月1日还有' + '<h1>'+days+'</h1>' + '天'+'<h1>'+hour+'</h1>' + '小时' + '<h1>'+minute+'</h1>' +'分钟' + '<h1>'+miao+'</h1>' +'秒';	
	},1)






</script>

</html>

标签：

相关文章