js将分钟转换成天数-小时-分钟-秒格式

六月初六月初 JavaScipt 2020-07-06 10:05:26

倒计时的应用常见于购物、考试为目的的网站中，通过反馈总时间分钟数将这些分钟数展现成倒计时的格式出现在网站中提醒用户时间的剩余时段。

反馈格式如下：

{days: 0, hours: 3, minutes: "00", seconds: "00"}

完整代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			function formatDate(second) {
				const minutes = Math.floor(((second % 86400) % 3600) / 60);
				const seconds = Math.floor(((second % 86400) % 3600) % 60);
				return {
				  days: Math.floor(second / 86400),
				  hours: Math.floor((second % 86400) / 3600),
				  minutes: minutes>9?minutes:('0'+minutes),
				  seconds: seconds>9?seconds:('0'+seconds)
				};
			  }
			console.log(formatDate(180*60))
		</script>
	</body>
</html>

实现原理解析：将获取的总分钟中*60转换成秒，再根据一分钟60秒、一小时60分钟、一天二十四小时，来计算出对应的天数，小时，分钟及秒。

六月初字帖坊小程序 你想要的字帖模板及工具，这里都有！