欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS如何將秒數(shù)轉(zhuǎn)化為時(shí)分秒的形式

 更新時(shí)間:2023年12月12日 11:10:34   作者:十八只兔  
在實(shí)際工作中經(jīng)常會(huì)遇見把秒數(shù)轉(zhuǎn)化為時(shí)分秒的問題,如何處理呢?下面這篇文章主要給大家介紹了關(guān)于JS如何將秒數(shù)轉(zhuǎn)化為時(shí)分秒形式的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下

要求

將秒數(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)文章

  • js實(shí)現(xiàn)仿QQ秀換裝效果的方法

    js實(shí)現(xiàn)仿QQ秀換裝效果的方法

    這篇文章主要介紹了js實(shí)現(xiàn)仿QQ秀換裝效果的方法,實(shí)例分析了javascript操作圖片的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-03-03
  • Javascript 獲取鼠標(biāo)當(dāng)前的位置實(shí)現(xiàn)方法

    Javascript 獲取鼠標(biāo)當(dāng)前的位置實(shí)現(xiàn)方法

    這篇文章主要介紹了Javascript 獲取鼠標(biāo)當(dāng)前的位置實(shí)現(xiàn)方法的相關(guān)資料,需要的朋友可以參考下
    2016-10-10
  • JavaScript call apply使用 JavaScript對(duì)象的方法綁定到DOM事件后this指向問題

    JavaScript 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-09
  • 使用p5.js臨摹動(dòng)態(tài)圖形

    使用p5.js臨摹動(dòng)態(tài)圖形

    這篇文章主要為大家詳細(xì)介紹了如何使用p5.js臨摹動(dòng)態(tài)圖形,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-10-10
  • JS實(shí)現(xiàn)常見的查找、排序、去重算法示例

    JS實(shí)現(xiàn)常見的查找、排序、去重算法示例

    這篇文章主要介紹了JS實(shí)現(xiàn)常見的查找、排序、去重算法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript線性查找、二分查找、遞歸查找、數(shù)組去重、冒泡拍戲、快速排序?qū)崿F(xiàn)技巧,需要的朋友可以參考下
    2018-05-05
  • JavaScript中常用的字符串方法函數(shù)操作方法總結(jié)

    JavaScript中常用的字符串方法函數(shù)操作方法總結(jié)

    這篇文章主要介紹了JavaScript中所有的字符串函數(shù)操作方法整理匯總,包括字符串的長度、連接、查找、截取、替換、分隔、轉(zhuǎn)換等處理方法,以及網(wǎng)址中獲取文件名等等,需要的朋友可以參考下
    2023-12-12
  • Javascript中3個(gè)需要注意的運(yùn)算符

    Javascript中3個(gè)需要注意的運(yùn)算符

    這篇文章主要介紹了Javascript中3個(gè)需要注意的運(yùn)算符,這3個(gè)運(yùn)算符的使用有很多需要注意的地方和有意思的地方,需要的朋友可以參考下
    2015-04-04
  • Javascript的一種模塊模式

    Javascript的一種模塊模式

    全局變量是魔鬼。在YUI中,我們僅用兩個(gè)全局變量:YAHOO和YAHOO_config。YUI的一切都是使用YAHOO對(duì)象級(jí)的成員或這個(gè)成員作用域內(nèi)的變量。我們建議在你的應(yīng)用程序也使用類似的規(guī)則。
    2010-09-09
  • 理解JavaScript原型鏈

    理解JavaScript原型鏈

    簡單說一說對(duì)JavaScript原型鏈的理解,希望對(duì)大家學(xué)習(xí)JavaScript原型鏈有所幫助,具體內(nèi)容如下
    2016-10-10
  • 基于Html+CSS+JS實(shí)現(xiàn)手動(dòng)放煙花效果

    基于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

最新評(píng)論