JavaScript实现简单的倒计时

实现倒计时功能

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			<span>距离中秋节还有：</span>
			<span id="div"></span>
		</div>
		<script>
			// 中秋节时间
            let date = "2022-09-10";
		    function clice(){
				// 获取当前时间毫秒数
			    let currentDate = new Date().getTime();
				// 获取中秋节时间毫秒数
				let fesDate = new Date(date).getTime();
				let num = fesDate-currentDate;
				// 获取天数
				let t = parseInt(num / (1000*60*60*24));
				// 获取小时
				// % 余数 余下的数是除以不大于1 比如 5%2=1余下1 1除以2不大于1就是余下的数
				// 下面就是 余下的是不大于一天的毫秒数，然后在除以 一个小时的毫秒数，获取还有多少个小时
				let h = parseInt(num %(1000*60*60*24) /(1000*60*60));
				// 获取分钟
				let m = parseInt(num %(1000*60*60) /(1000*60));
				//获取秒
				let s = parseInt(num %(1000*60) /(1000));
				// id为div的写入天时分秒
				let div = document.getElementById("div").innerHTML=t+"天-"+h+"时-"+m+"分-"+s+"秒。";
				// 1000毫秒执行一次
				setTimeout(clice,1000);
			}
			// 加载函数
			clice();
		</script>
	</body>
</html>

在这里插入图片描述

PS：新手，有错误大家直接指出哈，不用给我面子，谢谢。

JavaScript实现简单的倒计时

实现倒计时功能

悦读