JS定时器，距离XX天还有XX的倒计时

最新推荐文章于 2022-06-20 10:53:51 发布

ZPD_zpd

最新推荐文章于 2022-06-20 10:53:51 发布

阅读量2.3k

点赞数 3

文章标签： javascript

本文链接：https://blog.csdn.net/ZPD_zpd/article/details/110127885

版权

举例，距离元旦放假还有多久：

距离目标时间倒计时

	<body>
		<div>距离元旦放假还有</div>
		<div id="box"></div>
		<script type="text/javascript">
			// 获取元素
			var box = document.getElementById("box");
			// 调用函数
			timemove();
			
			// 定义函数
			function timemove() {
				// 获取当前时间
				var d1 = new Date();
				// 定义目标时间
				var d2 = new Date("2021/1/1 00:00:00");
				// 定义剩余时间
				var d = d2 - d1;
				
				// 计算剩余天数
				var toDay = parseInt(d / 1000 / 60 / 60 / 24);
				// 计算剩余小时
				var toHours = parseInt(d / 1000 / 60 / 60 % 24);
				// 计算剩余分钟
				var toMinutes = parseInt(d / 1000 / 60 % 60);
				// 计算剩余秒
				var toSeconds = parseInt(d / 1000 % 60);
				
				//拼接变量
				var time = toDay + "天" + toHours + "小时" + toMinutes + "分钟" + toSeconds + "秒";
				
				// 将拼接好的变量显示在页面
				box.innerHTML = time;
				// 调用定时器,每秒刷新
				var timer = setInterval(timemove, 1000);
				// 当剩余时间小于等于0时,停止定时器,并输出计时结束
				if (d <= 0) {
					window.clearInterval(timer);
					box.innerHTML = "计时结束";
				}
			}
		</script>
	</body>

ZPD_zpd

关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
JS定时器，距离XX天还有XX的倒计时

举例，距离元旦放假还有多久： <body> <div>距离元旦放假还有</div> <div id="box"></div> <script type="text/javascript"> // 获取元素 var box = document.getElementById("box"); // 调用函数 timemove(); // 定义函数 function timemove
复制链接

扫一扫