美文网首页
js处理人性化时间长度展示,1分钟以内显示秒数,1分钟以上1小时

js处理人性化时间长度展示,1分钟以内显示秒数,1分钟以上1小时

作者: 阿布杰科特 | 来源:发表于2019-08-06 14:29 被阅读0次
功能展示
1分钟以内显示秒数

59秒

1分钟以上1小时以内显示分钟数和秒数

23分30秒

1小时以上1天以内显示小时数和分钟数

1小时20分

1天以上显示天数和小时数

3天21小时

核心代码

export function simpleDuration(duration, type){
  if(type==='s'){
    duration = duration*1000
  }
  let days='', hours='', minutes='', seconds=''
  let day = 24*60*60*1000,
    hour = 60*60*1000,
    minute = 60*1000,
    second = 1000
  if(duration>=day){
    days = Math.floor(duration/day)+'天'
    hours = Math.floor(duration%day/hour)+'小时'
  }else if(duration>=hour&&duration<day){
    hours = Math.floor(duration/hour)+'小时'
    minutes = Math.floor(duration%hour/minute)+'分'
  }else if(duration>minute&&duration<hour){
    minutes = Math.floor(duration/minute)+'分'
    seconds = Math.floor(duration%minute/second)+'秒'
  }else if(duration<minute){
    seconds = Math.floor(duration/second)+'秒'
  }
  return days+hours+minutes+seconds
}

结果是

show: 1天2小时
show2: 34秒

相关文章

网友评论

      本文标题:js处理人性化时间长度展示,1分钟以内显示秒数,1分钟以上1小时

      本文链接:https://www.haomeiwen.com/subject/wqnidctx.html