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,在三目运算符中套三目也可以实现,不过不推荐,虽然说代码量少了,但是不便于阅读

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值