Malunan个人博客|IT技术博客 Malunan个人博客|IT技术博客
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
    • HTML
    • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 脚本
  • 剪辑
关于
  • 网站
  • 常用的前端轮子
  • 工具网站
  • 软件工具
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Lunan Ma

升职加薪搞钱~
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • TypeScript
    • JS设计模式总结
    • HTML
    • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 脚本
  • 剪辑
关于
  • 网站
  • 常用的前端轮子
  • 工具网站
  • 软件工具
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 技术文档

    • Git使用手册
    • Markdown使用教程
    • npm常用命令
    • 移动端兼容问题
    • 常用cmd命令
    • npm packageJson属性详解
    • yaml语言教程
    • Git修改分支名
    • javaScript-时间相加,超过24小时继续累加
      • 需求
      • 实现
    • 获取视频文件第一帧
    • 前端获取文件下载进度
    • 前端获取上传的视频图片详细信息
    • 解决拖拽时,如果元素内有input,无法选中文本的问题
    • css点击穿透
    • vue插槽传参
    • 谷歌浏览器的kiosk模式
    • 前台下载后台返的二进制文件流
    • css实现无缝切换跑马灯样式
    • 前端优化规范
    • 懒加载+无感删除list思路
  • GitHub技巧

  • Nodejs

  • 博客搭建

  • 脚本

  • 技术
  • 技术文档
MaLunan
2024-02-29
目录

javaScript-时间相加,超过24小时继续累加

# 需求

例如:23小时20分20秒 + 15小时20分20秒

# 实现

// 时间计算
   addTime(time1, time2) {
    let regex = /(\d+)小时(\d+)分(\d+)秒/;
    var time1= time1.match(regex)
    var time2= time2.match(regex)
      var hours1 =  Number(time1[1])
      var minutes1 = Number(time1[2])
      var seconds1 = Number(time1[3])

      var hours2 =  Number(time2[1])
      var minutes2 =  Number(time2[2])
      var seconds2 =  Number(time2[3])
      var totalSeconds = seconds1 + seconds2;
      var totalMinutes = minutes1 + minutes2 + Math.floor(totalSeconds / 60);
      var totalHours = hours1 + hours2 + Math.floor(totalMinutes / 60);

      totalSeconds %= 60;
      totalMinutes %= 60;

      return `${this.pad(totalHours)}小时${this.pad(totalMinutes)}分${this.pad(totalSeconds)}秒`;
},
// 个位数要补充0
pad(num) {
      return num.toString().padStart(2, '0');
    },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
编辑 (opens new window)
上次更新: 2024/02/29, 15:10:43
Git修改分支名
获取视频文件第一帧

← Git修改分支名 获取视频文件第一帧→

最近更新
01
懒加载+无感删除list思路
11-12
02
移动端兼容问题
11-12
03
前端优化规范
03-25
更多文章>
Theme by Vdoing | Copyright © 2019-2024 LuNan Ma | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式