JS三目运算符处理时间，预计时间功能

JS中的Date对象获取时、分的范围是0~23和0~59

console.log(new Date().getHours()+':'+new Date().getMinutes())
//5:1

有时候我们需要的不是这种格式，这时候我们就可以用三目运算符，来获取我们需要的格式

const time = new Date()
const hour = time.getHours()/1
const min = time.getUTCMinutes()/1
const timeHour = hour<0?'0'+hour:hour
const timeMin = min<0?'0'+min:min
console.log(timeHour+':'+timeMin)
//05:01

/1是为了转换为Nmuber类型，因为date获取的是String类型

在实际使用中，我们可以结合三目运算符做一个预计时间的小功能，例如

const time = new Date()
const hour = time.getHours()/1
const min = time.getUTCMinutes()/1
if(min+5>60){/* 实际时间+5，为预计时间，根据实际需要修改，预计实际超出60，则代表时间溢出 */let timeHour = hour+1<10?'0'+hour+1:hour+1/* 溢出，时+1，小于10前面添0 */let timeMin = min-55<10?'0'+min-55:min+5/* 分获取溢出值，当前时间-55（当前时间+5-60），小于10前面添0 */return timeHour+':'+timeMin
}else{/* 未溢出 */let timeHour = hour<10?'0'+hour:hour/* 时不变，小于10前面添0 */let timeMin = min+5<10?'0'+min+5:min+5/* 分+5，小于10前面添0 */return timeHour+':'+timeMin
}

也可以不使用if，在三目运算符中套三目也可以实现，不过不推荐，虽然说代码量少了，但是不便于阅读

JS三目运算符处理时间，预计时间功能相关推荐

[js] 模拟 localStorage 时如何实现过期时间功能
[js] 模拟 localStorage 时如何实现过期时间功能 1.存储时记录下有效截止时间 2.取数据时判断是否超过有效时间,在有效期内则返回,不在则提示或返回空并且将其删除 class MySt ...
js的时间 java怎么处理,JS实现处理时间，年月日，星期的公共方法示例
本文实例讲述了JS实现处理时间,年月日,星期的公共方法.分享给大家供大家参考,具体如下: 在项目中用到的,用js 来得到年月日,星期,当前多少个周的函数,备忘在这里,以后参考. Date.protot ...
JS 的新一代日期/时间 API Temporal和 Moment.js的继承者
背景在前端Moment.js可以说是家喻户晓,目前在日期和时间的处理上仍然是使用最广泛的库.从2011年到现在Moment已经完成了它的使命,在技术发展到今天,JavaScript生态已经足够健全, ...
android京东秒杀倒计时,js实现京东秒杀倒计时功能
本文实例为大家分享了js实现京东秒杀倒计时功能的具体代码,供大家参考,具体内容如下首先给大家看看效果图,因为是做的移动端的,所以放大给大家看看局部就行: 关于实现京东秒杀,之前用过其他的方法,今天给 ...
【转】js实现复制到剪贴板功能，兼容所有浏览器
2019独角兽企业重金招聘Python工程师标准>>> 两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家 ...
dedecms自定义表单如何添加发布时间功能
这篇文章给大家分享的是有关dedecms自定义表单如何添加发布时间功能的内容.小编觉得挺实用的,因此分享给大家做个参考.一起跟随小编过来看看吧. dedecms自定义表单怎么添加发布时间功能? d ...
事件时间/处理时间/进入时间(Event Time / Processing Time / Ingestion Time)
Flink在流处理程序中支持不同的时间概念. 处理时间(processing time):处理时间是指执行相应操作的机器的系统时间. 当流处理程序基于处理时间运行时,所有基于时间的操作(如时间窗口)将 ...
html中纯js互斥按钮,JS如何实现checkbox互斥功能
JS如何实现checkbox互斥功能发布时间:2021-04-19 14:19:45 来源:亿速云阅读:88 作者:小新这篇文章主要介绍了JS如何实现checkbox互斥功能,具有一定借鉴价值, ...
nodejs mysql备份_node.js实现备份mysql数据库功能
node.js实现备份mysql数据库功能发布时间:2019-10-09编辑:星王原创阅读(1697) 在node.js上实现备份mysql数据库到指定文件夹内,并且能够同步执行操作,首要是对m ...

JS三目运算符处理时间，预计时间功能

JS三目运算符处理时间，预计时间功能相关推荐

最新文章

热门文章