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

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

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

要求

將秒數(shù)轉(zhuǎn)化為時分秒的形式,比如12:34:09代表12小時34分鐘9秒

注意:

(1)如果只有一位數(shù),前面要用0補齊,比如9秒要用09表示

(2)如果對應單位上的數(shù)字為0,要用00表示,比如0時27分59秒,要用00:27:59表示

代碼實現(xiàn)

可直接引入并調(diào)用下面的代碼

// 將視頻時長(秒)轉(zhuǎn)化為時分秒的形式
function getTime(value) {
  let secondTime = parseInt(value); // 秒
  let minuteTime = 0; // 分
  let hourTime = 0; // 時
  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)換成小時
    if (minuteTime > 60) {
      //獲取小時,獲取分鐘除以60,得到整數(shù)小時
      hourTime = parseInt(minuteTime / 60);
      //獲取小時后取余的分,獲取分鐘除以60取余的分
      minuteTime = parseInt(minuteTime % 60);
    }
  }
  //若秒數(shù)是個位數(shù),前面用0補齊
  secondTime = secondTime < 10 ? "0" + secondTime : secondTime;
  var result = "" + secondTime + "";
  if (minuteTime > 0) {
  	//若分鐘數(shù)是個位數(shù),前面用0補齊
    minuteTime = minuteTime < 10 ? "0" + minuteTime : minuteTime;
    result = "" + minuteTime + ":" + result;
  } else {
  	//若分鐘數(shù)為0,用"00"表示
    result = "" + "00" + ":" + result;
  }

  if (hourTime > 0) {
  	//若小時數(shù)是個位數(shù),前面用0補齊
    hourTime = hourTime < 10 ? "0" + hourTime : hourTime;
    result = "" + hourTime + ":" + result;
  } else {
    //若小時數(shù)為0,用"00"表示
    result = "" + "00" + ":" + result;
  }
  console.log("result",result)
  return result;
}

代碼測試

秒數(shù)為60:

秒數(shù)為3600:

秒數(shù)為19456:

總結

到此這篇關于JS如何將秒數(shù)轉(zhuǎn)化為時分秒形式的文章就介紹到這了,更多相關JS秒數(shù)轉(zhuǎn)時分秒內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

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

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

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

    Javascript 獲取鼠標當前的位置實現(xiàn)方法

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

    JavaScript call apply使用 JavaScript對象的方法綁定到DOM事件后this指向問題

    JavaScript對象與DOM對象進行綁定會遇到一個問題:如果被綁定的對象的方法中包含this關鍵字,當事件被觸發(fā)時this指向的卻是DOM對象,而不是之前的JS對象。
    2011-09-09
  • 使用p5.js臨摹動態(tài)圖形

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

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

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

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

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

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

    Javascript中3個需要注意的運算符

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

    Javascript的一種模塊模式

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

    理解JavaScript原型鏈

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

    基于Html+CSS+JS實現(xiàn)手動放煙花效果

    這篇文章主要介紹了利用Html+CSS+JavaScript實現(xiàn)的放煙花效果,文中一共實現(xiàn)了兩種方式:手動和自動,文中的示例代碼講解詳細,感興趣的可以試一試
    2022-01-01

最新評論