今日事今日毕，JS实现明日倒计时_js实现k线图倒计时-CSDN博客

本文链接：https://blog.csdn.net/sdcet255/article/details/145187861

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>倒计时效果</title>
		<style>
			.surplusTimeAll {
				margin-left: 35px;
				margin-top: 55px;
				width: 300px;
				height: 250px;
				text-align: center;
				color: white;
				background-color: #8f0000;
			}
			.surplusTimeAll .nowDateTime {
				padding-top: 30px;
			}
			.surplusTimeAll .remindInfo {
				font-size: 35px;
				padding-top: 30px;
			}
			.surplusTimeDiv {
				margin-top: 30px;
			}
			.surplusTimeDiv span{
				font-size: 25px;
				background-color: black;
				padding-left: 3px;
				padding-right: 3px;
			}
		</style>
	</head>
	<body>
		<div class="surplusTimeAll">
			<div class="nowDateTime"></div>
			<div class="remindInfo">今日剩余时间</div>
			<div class="surplusTimeDiv">
				<span class="surplusHour"></span> : 
				<span class="surplusMinute"></span> : 
				<span class="surplusSecond"></span>
			</div>
		</div>
		<script>
			const surplusTimeDiv = document.querySelector('.surplusTimeDiv');
			
			document.querySelector('.nowDateTime').innerHTML = '今天是'+getNowDate();
			
			// tag: 当前日期加多少天
			function getNowDate(language,tag=0) {
				const nowDate = new Date();
				const nowYear = String(nowDate.getFullYear());
				const nowMonth = String(nowDate.getMonth()+1).padStart(2, '0');
				const nowDay = String(nowDate.getDate()+tag).padStart(2, '0');
				if (language == 'English') {
					return `${nowYear}-${nowMonth}-${nowDay}`;
				}
				return `${nowYear}年${nowMonth}月${nowDay}日`;
			}
			
			function getSurPlusTime() {
				setInterval(function() {
					// 获取当前日期时间戳
					const timeStamp = new Date().getTime();
					// 获取截止日期时间戳
					const endTime = getNowDate('English',1) + ' 00:00:00';
					const endTimeStamp = new Date(endTime).getTime();
					const surplusTime = endTimeStamp - timeStamp;
					
					const seconds = String(Math.floor(surplusTime / 1000 % 60)).padStart(2, '0');
					document.querySelector('.surplusTimeDiv .surplusSecond').innerHTML = seconds;
					
					const minutes = String(Math.floor(surplusTime / 1000 / 60 % 60)).padStart(2, '0');
					document.querySelector('.surplusTimeDiv .surplusMinute').innerHTML = minutes;
					
					const hours = String(Math.floor(surplusTime / 1000 / 60 / 60)).padStart(2, '0');
					document.querySelector('.surplusTimeDiv .surplusHour').innerHTML = hours;
				},1000);
			}
			getSurPlusTime();
		</script>
	</body>
</html>