快捷導(dǎo)航

JavaScript 中如何將秒轉(zhuǎn)換為分秒

更新時(shí)間：2023年09月28日 10:05:07 作者：火焰兔

JavaScript中將秒轉(zhuǎn)換為分鐘和秒,通過將秒數(shù)除以 60 得到整分鐘數(shù),獲取剩余的秒數(shù),本文通過實(shí)例代碼介紹的非常詳細(xì),對大家的學(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。

如果分鐘或秒僅包含一個數(shù)字（小于 10），我們的 padTo2Digits 函數(shù)會負(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é)果不會根據(jù)分鐘和秒數(shù)在一位數(shù)和兩位數(shù)值之間交替。

到此這篇關(guān)于JavaScript 中將秒轉(zhuǎn)換為分秒的文章就介紹到這了,更多相關(guān)js 秒轉(zhuǎn)換為分秒內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

JavaScript獲得頁面base標(biāo)簽中url的方法
這篇文章主要介紹了JavaScript獲得頁面base標(biāo)簽中url的方法,涉及javascript中元素的獲取及href屬性的使用技巧,需要的朋友可以參考下
2015-04-04
js 操作select與option(示例講解)
本篇文章主要是對js 操作select與option的示例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
javascript禁制后退鍵(Backspace)實(shí)例代碼
這篇文章介紹了javascript禁制后退鍵(Backspace)實(shí)例代碼，有需要的朋友可以參考一下
2013-11-11
JavaScript 高性能數(shù)組去重的方法
這篇文章主要介紹了JavaScript 高性能數(shù)組去重的方法，非常不錯，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-09-09
JavaScript中的原型鏈prototype介紹
這篇文章主要介紹了JavaScript中的原型鏈prototype介紹,本文講解了訪問原型對象的3種方法,判斷兩個對象間是否存在原型鏈關(guān)系的方法等,需要的朋友可以參考下
2014-12-12
JavaScript實(shí)現(xiàn)級聯(lián)菜單的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)級聯(lián)菜單的方法,涉及javascript頁面元素操作的相關(guān)技巧,需要的朋友可以參考下
2015-06-06
原生js二級聯(lián)動效果
這篇文章主要為大家詳細(xì)介紹了原生js二級聯(lián)動效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
詳解javascript replace高級用法
這篇文章主要介紹了詳解javascript replace高級用法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(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返回HTML片段中的JavaScript腳本
如果AJAX加載的數(shù)據(jù)是一個HTML片段，而且這個HTML片段還包含腳本<script>塊，那么在你把這數(shù)據(jù)xmlHttp.responseText用innerHTML方法插入到當(dāng)前文檔一個元素中，你會發(fā)現(xiàn)AJAX加載回來的腳本根本沒有執(zhí)行。
2010-01-01