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

mengera88 發布于2019-08-20 18:37 / 2067人閱讀

摘要：誤會說明此時間不是指時間刻，而是時間段小時分鐘秒，時間刻以及日期推薦此主要單位指常用的時，分，秒，時分秒，時分，分秒，無日期無毫秒此一個單位數值保留兩位小數，多個單位不考慮小數目前需求暫時不多，只是一個小轉換。

還有很多需要學習，此生不用回頭了。

誤會說明

此時間不是指時間刻(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，但是這部分還需要學習

需求是自己補充，沒有經過正規測試人員測試，所以一定還有需要完善的地方

開發交流

接受糾正，接受補充，接受完善，接受傳送門

學會封裝之后會繼續完成封裝

轉換功能上，會繼續開發

——好記性不如爛筆頭

GPU云服務器云服務器最基本的幾種 js緩存的幾種方法 js繼承的幾種方式服務器請求的幾種方式

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/84771.html

Python的中文編碼問題

摘要：使用中文替代中文中文編碼中文編碼中有以上兩種聲明字符串變量的方式，它們的主要區別是編碼格式的不同，其中，的編碼格式和文件聲明的編碼格式一致，而的編碼格式則是。字符串是Python中最常用的數據類型，而且很多時候你會用到一些不屬于標準ASCII字符集的字符，這時候代碼就很可能拋出UnicodeDecodeError: ascii codec cant decode byte 0xc4 ...

Cheriselalala 2019-07-31 11:35 評論0 收藏0
Date日期轉換

摘要：傳入的格式要求詳見日期格式打印結果作為構造函數作為構造函數可以通過指針實例化一個的實例對象，這個對象是一個日期對象。所有實例的屬性和方法即是繼承于構造函數原型上的屬性和方法。前言之前寫博客都是在github的搭建的個人博客上，最近開始遷移博客上的內容到segmentfalut。一方面是想重新整理下寫過的博客。另一方面也是想與大家多多交流，找到現階段自己的不足。第一篇文章是關于Dat...

djfml 2019-08-23 13:55 評論0 收藏0
深入分析 Java Web 中的中文編碼問題

摘要：文章首發地址深入分析中的中文編碼問題背景編碼問題一直困擾著程序開發人員，尤其是在中更加明顯，因為是跨平臺的語言，在不同平臺的編碼之間的切換較多。文章首發地址：深入分析 Java Web 中的中文編碼問題背景：編碼問題一直困擾著程序開發人員，尤其是在 Java 中更加明顯，因為 Java 是跨平臺的語言，在不同平臺的編碼之間的切換較多。接下來將介紹 Java 編碼問題出現的根本原...

jsyzchen 2019-08-16 10:28 評論0 收藏0
python借助web3py與以太坊區塊鏈節點交互的幾種方式

摘要：通信服務提供接口是如何與區塊鏈交互的關鍵。這通常通過將請求提交給基于或套接字的服務器來完成。初始化時會發生自動檢測有時，無法自動檢測節點的位置。使用自動檢測的示例一些節點提供超出標準的。是套接字的文件系統路徑。通信服務提供接口是web3如何與區塊鏈交互的關鍵。接口接受JSON-RPC請求并返回響應。這通常通過將請求提交給基于HTTP或IPC套接字的服務器來完成。如果你已經愉快地連接...

booster 2019-06-27 18:46 評論0 收藏0
python借助web3py與以太坊區塊鏈節點交互的幾種方式

摘要：通信服務提供接口是如何與區塊鏈交互的關鍵。這通常通過將請求提交給基于或套接字的服務器來完成。初始化時會發生自動檢測有時，無法自動檢測節點的位置。使用自動檢測的示例一些節點提供超出標準的。是套接字的文件系統路徑。通信服務提供接口是web3如何與區塊鏈交互的關鍵。接口接受JSON-RPC請求并返回響應。這通常通過將請求提交給基于HTTP或IPC套接字的服務器來完成。如果你已經愉快地連接...

vboy1010 2019-07-30 18:07 評論0 收藏0