js如何在html页面展示当前时间，以及显示倒计时

最新推荐文章于 2023-05-06 16:13:36 发布

尚歌

最新推荐文章于 2023-05-06 16:13:36 发布

阅读量1.8k

点赞数 2

分类专栏：前端文章标签： html js

本文链接：https://blog.csdn.net/wudibaba21/article/details/100586463

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

js如何在html页面展示当前时间，以及显示倒计时

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>时钟功能</title>
	<script type="text/javascript">
		
		window.onload = function(){
			var oDiv = document.getElementById('div1');
			var oDiv_last = document.getElementById('div2')
			function fnTime(){
	//获取当前时间
	var sNow = new Date();
	var iYear = sNow.getFullYear();
	//alert(iYear);
	var iMonth = sNow.getMonth()+1;
	var iDate = sNow.getDate();
	var iWeek = sNow.getDay();
	var iHour = sNow.getHours();
	var iMinute = sNow.getMinutes();
	var iSecond = sNow.getSeconds();
	var today_time = iYear +"年" + iMonth +"月" + iDate +"日"+iHour +"时"+ iMinute+"分"+iSecond+"秒";

	oDiv.innerHTML = today_time;
	var s_boom_time = new Date(2019,12,12,24,0,0);
	var last_minut = parseInt((s_boom_time -sNow)/60000)
	var last_second = (parseInt((s_boom_time -sNow)/1000))%60
	var all_last_time ="离爆炸还有" + last_minut +"分" + last_second + "秒"
	oDiv_last.innerHTML = all_last_time
}
fnTime();
//设置刷新间歇时间
setInterval(fnTime,1000);
}
	</script>
	<style type="text/css">
		div{
			text-align: center;
			font-size: 30px;
		}
	</style>
</head>

<body>
	<div id="div1"></div>
	<div id = "div2"></div>
</body>
</html>