Js-动态边框时间倒计时

最新推荐文章于 2025-05-26 11:45:22 发布

keyuzhang

最新推荐文章于 2025-05-26 11:45:22 发布

阅读量573

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/keyuzhang/article/details/89354415

Javascript 专栏收录该内容

8 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title>	</title>
	<meta charset="utf-8">
</head>
<body>
	<h1 id="countdown"></h1>
	<script type="text/javascript">
		var timer = null;
		window.onload = function() {
			timer = setInterval(clock, 1000);
		}
		var c = document.getElementById("countdown");

		function clock() {
			var now = new Date();
			//目标时间
			var target = new Date("2999-1-25 3:00:00");
			var time = (target - now) / 1000;
			console.log(time)
			if (time >= 0) {
				var h = Math.floor(time / 60 / 60);
				var m = Math.floor(time / 60 - (h * 60))
				var s = Math.floor(time - (h * 60 * 60) - (m * 60))
				h = h < 10 ? "0" + h : h
				m = m < 10 ? "0" + m : m
				s = s < 10 ? "0" + s : s
				c.innerHTML = "距离时间还有" + h + "时" + m + "分" + s + "秒";
			} else {
				clearInterval(timer);
				timer = null;
				c.innerHTML = "";
			}

		}			
	</script>
</body>
</html>