添加链接 注册    登录
link管理
链接快照平台
  • 输入网页链接，自动生成快照
  • 标签化管理网页链接
相关文章推荐
安静的麻辣香锅  ·  js怎么判断字符串以z开头 | ...·  1小时前    · 
不拘小节的小蝌蚪  ·  Postgres Alter ...·  1小时前    · 
安静的火腿肠  ·  js怎么写钟表里的数字 | PingCode智库·  13 小时前    · 
善良的香烟  ·  js怎么根据人数变化数字条 | ...·  13 小时前    · 
爽快的春卷  ·  js数字时钟特效_css数字时钟样式代码·  13 小时前    · 
爱玩的充电器  ·  Linux编译动态库时出现unrecogni ...·  1 周前    · 
发财的乌龙茶  ·  Ehcache·  3 周前    · 
拉风的电池  ·  如何将图像隐写与对抗攻击结合 - CSDN文库·  2 月前    · 
果断的沙滩裤  ·  Python中，使用urllib.urlre ...·  5 月前    · 
长情的冲锋衣  ·  Jmeter 接口自动化 - ...·  10 月前    · 
link管理  ›  js将分钟转换成天数-小时-分钟-秒格式 -六月初技术站
js js代码
https://xuexiareas.com/index/Articles/details/num/415
非常酷的鼠标垫
5 月前

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

反馈格式如下： 

{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分钟、一天二十四小时，来计算出对应的天数，小时，分钟及秒。

 
推荐文章
安静的麻辣香锅  ·  js怎么判断字符串以z开头 | PingCode智库
1小时前
不拘小节的小蝌蚪  ·  Postgres Alter ID以什么开头？_js 以什么开头_js 以什么开头 - 腾讯云开发者社区 - 腾讯云
1小时前
安静的火腿肠  ·  js怎么写钟表里的数字 | PingCode智库
13 小时前
善良的香烟  ·  js怎么根据人数变化数字条 | PingCode智库
13 小时前
爽快的春卷  ·  js数字时钟特效_css数字时钟样式代码
13 小时前
爱玩的充电器  ·  Linux编译动态库时出现unrecognised emulation mode的错误-CSDN博客
1 周前
发财的乌龙茶  ·  Ehcache
3 周前
拉风的电池  ·  如何将图像隐写与对抗攻击结合 - CSDN文库
2 月前
果断的沙滩裤  ·  Python中，使用urllib.urlretrieve()函数下载图片，能不能添加Headers? - 知乎
5 月前
长情的冲锋衣  ·  Jmeter 接口自动化 - 脚本数据分离实例 · TesterHome
10 月前
Link管理   ·   51好读   ·   Sov5搜索   ·   小百科
link管理 - 链接快照平台