js利用时间戳的简单倒计时

最新推荐文章于 2024-04-17 21:29:31 发布

chusanxiao

最新推荐文章于 2024-04-17 21:29:31 发布

阅读量1.5k

点赞数

分类专栏： web前端文章标签： javascript html css

本文链接：https://blog.csdn.net/chusanxiao/article/details/114905933

版权

web前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

为了方便计算，将时分秒等60进制的单位换算成毫秒。
用户输入时间总的毫秒数-当前时间毫秒数=剩余时间毫秒数。
再将剩余时间毫秒数换算成时分秒，其中可先把毫秒转化成秒
换算公式如下：（自己笔算一下还是很好理解的）
秒：总秒数%60
分：总秒数/60%60
时：总秒数/60/60%24
天：总秒数/60/60/24
关于时间戳的函数：
为了美观，利用三元运算符在0-9的数字前补零
代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<script>
		function countdown(time) {
			// body...
			var nowTime=+new Date();//返回当前时间总的毫秒数
			var ddl=+new Date(time);//返回用户输入的截止时间
			var res=ddl-nowTime;//剩余时间总的毫秒数
			res=res/1000;//毫秒换算成秒
			var d=parseInt(res/60/60/24);//天
			d=d<10? '0'+d:d;
			var h=parseInt(res/60/60%24);//时
			h=h<10? '0'+h:h;
			var m=parseInt(res/60%60);//分
			m=m<10? '0'+m:m;
			var s=parseInt(res%60);//秒
			s=s<10? '0'+s:s;
			return d+'天'+h+'时'+m+'分'+s+'秒';

		}
		console.log(countdown('2021-3-16 12:00:00'));
	</script>
</body>
</html>