時間格式的轉化-主要的幾種單位轉換

還有不少須要學習，今生不用回頭了。

---

誤會說明

• 此時間不是指時間刻(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，可是這部分還須要學習
• 需求是本身補充，沒有通過正規測試人員測試，因此必定還有須要完善的地方

開發交流

• 接受糾正，接受補充，接受完善，接受傳送門
• 學會封裝以後會繼續完成封裝
• 轉換功能上，會繼續開發

---

——好記性不如爛筆頭