JS如何將秒數(shù)轉(zhuǎn)化為時(shí)分秒的形式
要求
將秒數(shù)轉(zhuǎn)化為時(shí)分秒的形式,比如12:34:09代表12小時(shí)34分鐘9秒
注意:
(1)如果只有一位數(shù),前面要用0補(bǔ)齊,比如9秒要用09表示
(2)如果對(duì)應(yīng)單位上的數(shù)字為0,要用00表示,比如0時(shí)27分59秒,要用00:27:59表示
代碼實(shí)現(xiàn)
可直接引入并調(diào)用下面的代碼
// 將視頻時(shí)長(秒)轉(zhuǎn)化為時(shí)分秒的形式 function getTime(value) { let secondTime = parseInt(value); // 秒 let minuteTime = 0; // 分 let hourTime = 0; // 時(shí) if (secondTime > 60) { //如果秒數(shù)大于60,將秒數(shù)轉(zhuǎn)換成整數(shù) //獲取分鐘,除以60取整,得到整數(shù)分鐘 minuteTime = parseInt(secondTime / 60); //獲取秒數(shù),秒數(shù)取余,得到整數(shù)秒數(shù) secondTime = parseInt(secondTime % 60); //如果分鐘大于60,將分鐘轉(zhuǎn)換成小時(shí) if (minuteTime > 60) { //獲取小時(shí),獲取分鐘除以60,得到整數(shù)小時(shí) hourTime = parseInt(minuteTime / 60); //獲取小時(shí)后取余的分,獲取分鐘除以60取余的分 minuteTime = parseInt(minuteTime % 60); } } //若秒數(shù)是個(gè)位數(shù),前面用0補(bǔ)齊 secondTime = secondTime < 10 ? "0" + secondTime : secondTime; var result = "" + secondTime + ""; if (minuteTime > 0) { //若分鐘數(shù)是個(gè)位數(shù),前面用0補(bǔ)齊 minuteTime = minuteTime < 10 ? "0" + minuteTime : minuteTime; result = "" + minuteTime + ":" + result; } else { //若分鐘數(shù)為0,用"00"表示 result = "" + "00" + ":" + result; } if (hourTime > 0) { //若小時(shí)數(shù)是個(gè)位數(shù),前面用0補(bǔ)齊 hourTime = hourTime < 10 ? "0" + hourTime : hourTime; result = "" + hourTime + ":" + result; } else { //若小時(shí)數(shù)為0,用"00"表示 result = "" + "00" + ":" + result; } console.log("result",result) return result; }
代碼測試
秒數(shù)為60:
秒數(shù)為3600:
秒數(shù)為19456:
總結(jié)
到此這篇關(guān)于JS如何將秒數(shù)轉(zhuǎn)化為時(shí)分秒形式的文章就介紹到這了,更多相關(guān)JS秒數(shù)轉(zhuǎn)時(shí)分秒內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Javascript 獲取鼠標(biāo)當(dāng)前的位置實(shí)現(xiàn)方法
這篇文章主要介紹了Javascript 獲取鼠標(biāo)當(dāng)前的位置實(shí)現(xiàn)方法的相關(guān)資料,需要的朋友可以參考下2016-10-10JavaScript call apply使用 JavaScript對(duì)象的方法綁定到DOM事件后this指向問題
JavaScript對(duì)象與DOM對(duì)象進(jìn)行綁定會(huì)遇到一個(gè)問題:如果被綁定的對(duì)象的方法中包含this關(guān)鍵字,當(dāng)事件被觸發(fā)時(shí)this指向的卻是DOM對(duì)象,而不是之前的JS對(duì)象。2011-09-09JS實(shí)現(xiàn)常見的查找、排序、去重算法示例
這篇文章主要介紹了JS實(shí)現(xiàn)常見的查找、排序、去重算法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript線性查找、二分查找、遞歸查找、數(shù)組去重、冒泡拍戲、快速排序?qū)崿F(xiàn)技巧,需要的朋友可以參考下2018-05-05JavaScript中常用的字符串方法函數(shù)操作方法總結(jié)
這篇文章主要介紹了JavaScript中所有的字符串函數(shù)操作方法整理匯總,包括字符串的長度、連接、查找、截取、替換、分隔、轉(zhuǎn)換等處理方法,以及網(wǎng)址中獲取文件名等等,需要的朋友可以參考下2023-12-12Javascript中3個(gè)需要注意的運(yùn)算符
這篇文章主要介紹了Javascript中3個(gè)需要注意的運(yùn)算符,這3個(gè)運(yùn)算符的使用有很多需要注意的地方和有意思的地方,需要的朋友可以參考下2015-04-04基于Html+CSS+JS實(shí)現(xiàn)手動(dòng)放煙花效果
這篇文章主要介紹了利用Html+CSS+JavaScript實(shí)現(xiàn)的放煙花效果,文中一共實(shí)現(xiàn)了兩種方式:手動(dòng)和自動(dòng),文中的示例代碼講解詳細(xì),感興趣的可以試一試2022-01-01