使用moment实现数字转秒数和递进分钟和小时

最新推荐文章于 2024-06-07 16:07:17 发布

.伊泽瑞尔

最新推荐文章于 2024-06-07 16:07:17 发布

阅读量837

点赞数 9

分类专栏：前端 vue 文章标签：前端 vue.js

本文链接：https://blog.csdn.net/qq_35517283/article/details/135956748

版权

前端同时被 2 个专栏收录

42 篇文章 0 订阅

订阅专栏

vue

7 篇文章 0 订阅

订阅专栏

使用moment实现数字转秒数和递进分钟和小时

功能：不满一分钟展示秒数，满一分钟展示分秒，满一小时展示时分秒

效果图

在这里插入图片描述

引用包

"moment": "^2.24.0",
"moment-duration-format": "^2.3.2"

js

import moment from 'moment'
import momentDurationFormatSetup from 'moment-duration-format'

formatDuration (val) {
  if (val < 60) { // 不满一分钟展示秒数
    return val
  } else if (val < 3600) { // 满一分钟展示分秒
    return moment.duration(val, 'seconds').format('mm:ss', {trim: false})
  } else { // 满一小时展示时分秒
    return moment.duration(val, 'seconds').format('HH:mm:ss', {trim: false})
  }
}