时间格式的转化-主要的几种单位转换

还有很多需要学习，此生不用回头了。

---

误会说明

• 此时间不是指时间刻(12:00:00)，而是时间段(3小时10分钟45秒)，时间刻以及日期推荐 moment.js
• 此主要单位指常用的（时，分，秒，时分秒，时分，分秒），无日期无毫秒
• 此一个单位数值保留两位小数，多个单位不考虑小数
• 目前需求暂时不多，只是一个小转换。愿意接受任何合理正确的技术，需求，代码上的完善与纠正

开发目的

• 源于项目中后台数据库存储时间以秒为单位，需要前端转换为不同单位的时间显示在页面上
• 同时补充前端输入的时间格式也不完全相同，但是需要转为秒数传给后端存储数据库

开发环境

• 使用的是HTML、CSS与JS都是原生且无新特性，故而无特别开发环境要求

开发思路

• 暂定单位，时 => h，分 => m，秒 = > s
• 拿到参数先进行判断与获取时间数值

• 所有的时间格式转换都向秒看齐，在秒的基础上面去转换

  • 转秒：h*3600 + m*60 + s
  • 转分：s/60
  • 转时：s/3600
  • 转时分秒：s/3600，s/60%60，s%60
  • 转时分：s/3600，s/60%60
  • 转分秒：s/60，s%60
• 返回格式化的结果

DEMO

• CODEPEN

开发结果

开发遗憾

• 由于尚在浅水，所以还不会很好的封装这种独立功能，现查到的是采用class或者export，但是这部分还需要学习
• 需求是自己补充，没有经过正规测试人员测试，所以一定还有需要完善的地方

开发交流

• 接受纠正，接受补充，接受完善，接受传送门
• 学会封装之后会继续完成封装
• 转换功能上，会继续开发

---

——好记性不如烂笔头