JavaScript 中如何將秒轉(zhuǎn)換為分秒
更新時(shí)間：2023年09月28日 10:05:07 作者：火焰兔
JavaScript中將秒轉(zhuǎn)換為分鐘和秒,通過將秒數(shù)除以 60 得到整分鐘數(shù),獲取剩余的秒數(shù),本文通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
JavaScript 中將秒轉(zhuǎn)換為分鐘和秒：
- 通過將秒數(shù)除以 60 得到整分鐘數(shù)。
- 獲取剩余的秒數(shù)。
- 或者，將分鐘和秒的格式設(shè)置為 mm:ss。
const totalSeconds = 565;
// ?? 獲取完整分鐘數(shù)
const minutes = Math.floor(totalSeconds / 60);
// ?? 獲得剩余的秒數(shù)
const seconds = totalSeconds % 60;
function padTo2Digits(num) {
return num.toString().padStart(2, '0');
}
// ? 格式化為 MM:SS
const result = `${padTo2Digits(minutes)}:${padTo2Digits(seconds)}`;
console.log(result); // ?? "09:25"第一步是通過將秒數(shù)除以 60 并將結(jié)果向下舍入來獲得完整的分鐘數(shù)。
如果數(shù)字有小數(shù)，則 Math.floor 函數(shù)將數(shù)字向下舍入，否則按原樣返回?cái)?shù)字。
console.log(Math.floor(9.99)); // ?? 9 console.log(Math.floor(9.01)); // ?? 9 console.log(Math.floor(9)); // ?? 9
我們使用模 % 運(yùn)算符來獲取剩余的秒數(shù)。
const totalSeconds = 565; // ?? get remainder of seconds const seconds = totalSeconds % 60; console.log(seconds); // ?? 25
當(dāng)我們將 totalSeconds 除以 60 時(shí)，我們得到 25 秒的余數(shù)。
下一步是將分鐘和秒格式化為 mm:ss，例如 05:45。
如果分鐘或秒僅包含一個(gè)數(shù)字（小于 10），我們的 padTo2Digits 函數(shù)會(huì)負(fù)責(zé)添加前導(dǎo)零。
function padTo2Digits(num) {
return num.toString().padStart(2, '0');
}
console.log(padTo2Digits(1)); // ?? '01'
console.log(padTo2Digits(5)); // ?? '05'
console.log(padTo2Digits(10)); // ?? '10'我們希望確保結(jié)果不會(huì)根據(jù)分鐘和秒數(shù)在一位數(shù)和兩位數(shù)值之間交替。
到此這篇關(guān)于JavaScript 中將秒轉(zhuǎn)換為分秒的文章就介紹到這了,更多相關(guān)js 秒轉(zhuǎn)換為分秒內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
- JS將時(shí)間的標(biāo)準(zhǔn)格式和時(shí)間戳格式和2022-01-27?00:00:00(年月日時(shí)分秒)格式相互轉(zhuǎn)換(最新推薦)
- JS實(shí)現(xiàn)獲取毫秒值及轉(zhuǎn)換成年月日時(shí)分秒的方法
- js時(shí)間轉(zhuǎn)換毫秒的實(shí)例代碼
- JS把字符串格式的時(shí)間轉(zhuǎn)換成幾秒前、幾分鐘前、幾小時(shí)前、幾天前等格式
- JS將時(shí)間秒轉(zhuǎn)換成天小時(shí)分鐘秒的字符串
- 在JS中如何把毫秒轉(zhuǎn)換成規(guī)定的日期時(shí)間格式實(shí)例
- js中的時(shí)間轉(zhuǎn)換—毫秒轉(zhuǎn)換成日期時(shí)間的示例代碼
相關(guān)文章
JavaScript獲得頁面base標(biāo)簽中url的方法
這篇文章主要介紹了JavaScript獲得頁面base標(biāo)簽中url的方法,涉及javascript中元素的獲取及href屬性的使用技巧,需要的朋友可以參考下2015-04-04
本篇文章主要是對(duì)js 操作select與option的示例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
javascript禁制后退鍵(Backspace)實(shí)例代碼
這篇文章介紹了javascript禁制后退鍵(Backspace)實(shí)例代碼，有需要的朋友可以參考一下2013-11-11
這篇文章主要介紹了JavaScript 高性能數(shù)組去重的方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-09-09
這篇文章主要介紹了JavaScript中的原型鏈prototype介紹,本文講解了訪問原型對(duì)象的3種方法,判斷兩個(gè)對(duì)象間是否存在原型鏈關(guān)系的方法等,需要的朋友可以參考下2014-12-12
JavaScript實(shí)現(xiàn)級(jí)聯(lián)菜單的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)級(jí)聯(lián)菜單的方法,涉及javascript頁面元素操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06
這篇文章主要為大家詳細(xì)介紹了原生js二級(jí)聯(lián)動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了詳解javascript replace高級(jí)用法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02
JavaScript實(shí)現(xiàn)表單驗(yàn)證案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)表單驗(yàn)證案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
如果AJAX加載的數(shù)據(jù)是一個(gè)HTML片段，而且這個(gè)HTML片段還包含腳本<script>塊，那么在你把這數(shù)據(jù)xmlHttp.responseText用innerHTML方法插入到當(dāng)前文檔一個(gè)元素中，你會(huì)發(fā)現(xiàn)AJAX加載回來的腳本根本沒有執(zhí)行。2010-01-01