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

2019年8月31日 226次阅读 来源: Huooo
还有很多需要学习，此生不用回头了。

误会说明

  • 此时间不是指时间刻(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

开发结果

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

开发遗憾

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

开发交流

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

——好记性不如烂笔头

    原文作者：Huooo
    原文地址: https://segmentfault.com/a/1190000010561772
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞