Конвертировать секунды в HH-MM-SS с помощью JavaScript?

Как я могу конвертировать секунды в HH-MM-SS строка с использованием JavaScript?

1158   30  

30 ответов:

Не знаю datejs? это необходимо знать.

используя datejs, просто напишите что-то вроде:

(new Date).clearTime()
          .addSeconds(15457)
          .toString('H:mm:ss');

-- update

В настоящее время дата.js устарел и не поддерживается, поэтому используйте "момент.js", что гораздо лучше, как указал Ти Джей Краудер.

94  
2013-02-18 22:27:01

вы можете сделать это без какой-либо внешней библиотеки JavaScript с помощью метода даты JavaScript, как показано ниже:

var date = new Date(null);
date.setSeconds(SECONDS); // specify value for SECONDS here
var result = date.toISOString().substr(11, 8);
259  
2017-02-18 03:08:58

Я не думаю, что какая-либо встроенная функция стандартного объекта Date сделает это для вас более удобным способом, чем просто делать математику самостоятельно.

hours = Math.floor(totalSeconds / 3600);
totalSeconds %= 3600;
minutes = Math.floor(totalSeconds / 60);
seconds = totalSeconds % 60;

пример:

let totalSeconds = 28565;
let hours = Math.floor(totalSeconds / 3600);
totalSeconds %= 3600;
let minutes = Math.floor(totalSeconds / 60);
let seconds = totalSeconds % 60;

console.log("hours: " + hours);
console.log("minutes: " + minutes);
console.log("seconds: " + seconds);

// If you want strings with leading zeroes:
minutes = String(minutes).padStart(2, "0");
hours = String(hours).padStart(2, "0");
seconds = String(seconds).padStart(2, "0");
console.log(hours + ":" + minutes + ":" + seconds);
94  
2018-09-29 15:19:33

Как указал Клейтон в ответ,момент.js можно использовать для этого:

moment().startOf('day')
        .seconds(15457)
        .format('H:mm:ss');
27  
2017-05-23 14:33:24 
function formatSeconds(seconds)
{
    var date = new Date(1970,0,1);
    date.setSeconds(seconds);
    return date.toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "");
}
17  
2013-07-22 09:14:55

Я знаю, что это немного старая, но...

ES2015:

var toHHMMSS = (secs) => {
    var sec_num = parseInt(secs, 10)    
    var hours   = Math.floor(sec_num / 3600) % 24
    var minutes = Math.floor(sec_num / 60) % 60
    var seconds = sec_num % 60    
    return [hours,minutes,seconds]
        .map(v => v < 10 ? "0" + v : v)
        .filter((v,i) => v !== "00" || i > 0)
        .join(":")
}

Он будет выводить:

toHHMMSS(13545) // 03:45:45
toHHMMSS(180) // 03:00
toHHMMSS(18) // 00:18
17  
2016-01-17 19:04:28

это делает трюк:

function secondstotime(secs)
{
    var t = new Date(1970,0,1);
    t.setSeconds(secs);
    var s = t.toTimeString().substr(0,8);
    if(secs > 86399)
        s = Math.floor((t - Date.parse("1/1/70")) / 3600000) + s.substr(2);
    return s;
}

(из здесь)

13  
2009-08-24 17:42:17

попробуйте это:

function toTimeString(seconds) {
  return (new Date(seconds * 1000)).toUTCString().match(/(\d\d:\d\d:\d\d)/)[0];
}
9  
2015-04-14 06:36:26 
     var  timeInSec = "661"; //even it can be string

            String.prototype.toHHMMSS = function () { 
               /* extend the String by using prototypical inheritance */
                var seconds = parseInt(this, 10); // don't forget the second param
                var hours   = Math.floor(seconds / 3600);
                var minutes = Math.floor((seconds - (hours * 3600)) / 60);
                var seconds = seconds - (hours * 3600) - (minutes * 60);

                if (hours   < 10) {hours   = "0"+hours;}
                if (minutes < 10) {minutes = "0"+minutes;}
                if (seconds < 10) {seconds = "0"+seconds;}
                var time    = hours+':'+minutes+':'+seconds;
                return time;
            }

            alert("5678".toHHMMSS());   // "01:34:38"
            console.log(timeInSec.toHHMMSS());   //"00:11:01"

мы можем сделать эту функцию намного короче и четче, но это уменьшает читаемость, поэтому мы напишем ее как можно проще и как можно стабильнее.

или вы можете проверить эту работающего здесь:

9  
2018-05-14 14:38:37

вот расширение к классу чисел. toHHMMSS () преобразует секунды в строку hh:mm:ss. 

Number.prototype.toHHMMSS = function() {
  var hours = Math.floor(this / 3600) < 10 ? ("00" + Math.floor(this / 3600)).slice(-2) : Math.floor(this / 3600);
  var minutes = ("00" + Math.floor((this % 3600) / 60)).slice(-2);
  var seconds = ("00" + (this % 3600) % 60).slice(-2);
  return hours + ":" + minutes + ":" + seconds;
}

// Usage: [number variable].toHHMMSS();

// Here is a simple test
var totalseconds = 1234;
document.getElementById("timespan").innerHTML = totalseconds.toHHMMSS();
// HTML of the test
<div id="timespan"></div>
6  
2015-07-16 17:15:07

легко следовать версии для noobies:

 var totalNumberOfSeconds = YOURNUMBEROFSECONDS;
 var hours = parseInt( totalNumberOfSeconds / 3600 );
 var minutes = parseInt( (totalNumberOfSeconds - (hours * 3600)) / 60 );
 var seconds = Math.floor((totalNumberOfSeconds - ((hours * 3600) + (minutes * 60))));
 var result = (hours < 10 ? "0" + hours : hours) + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds  < 10 ? "0" + seconds : seconds);
 console.log(result);
5  
2015-02-24 09:08:17

эта функция должна сделать это :

var convertTime = function (input, separator) {
    var pad = function(input) {return input < 10 ? "0" + input : input;};
    return [
        pad(Math.floor(input / 3600)),
        pad(Math.floor(input % 3600 / 60)),
        pad(Math.floor(input % 60)),
    ].join(typeof separator !== 'undefined' ?  separator : ':' );
}

не проходя разделитель, он использует : в качестве разделителя (по умолчанию):

time = convertTime(13551.9941351); // --> OUTPUT = 03:45:51

если вы хотите использовать - в качестве разделителя, просто передайте его в качестве второго параметра:

time = convertTime(1126.5135155, '-'); // --> OUTPUT = 00-18-46

см. также эта скрипка.

4  
2017-02-07 16:07:28

ниже приведен код, который преобразует секунды в формат hh-mm-ss:

var measuredTime = new Date(null);
measuredTime.setSeconds(4995); // specify value of SECONDS
var MHSTime = measuredTime.toISOString().substr(11, 8);

получить альтернативный метод от конвертировать секунды в формат HH-MM-SS в JavaScript

4  
2017-07-19 00:10:41 
var time1 = date1.getTime();
var time2 = date2.getTime();
var totalMilisec = time2 - time1;

alert(DateFormat('hh:mm:ss',new Date(totalMilisec)))

 /* ----------------------------------------------------------
 *  Field        | Full Form          | Short Form
 *  -------------|--------------------|-----------------------
 *  Year         | yyyy (4 digits)    | yy (2 digits)
 *  Month        | MMM (abbr.)        | MM (2 digits)
                 | NNN (name)         |
 *  Day of Month | dd (2 digits)      | 
 *  Day of Week  | EE (name)          | E (abbr)
 *  Hour (1-12)  | hh (2 digits)      | 
 *  Minute       | mm (2 digits)      | 
 *  Second       | ss (2 digits)      | 
 *  ----------------------------------------------------------
 */
function DateFormat(formatString,date){
    if (typeof date=='undefined'){
    var DateToFormat=new Date();
    }
    else{
        var DateToFormat=date;
    }
    var DAY         = DateToFormat.getDate();
    var DAYidx      = DateToFormat.getDay();
    var MONTH       = DateToFormat.getMonth()+1;
    var MONTHidx    = DateToFormat.getMonth();
    var YEAR        = DateToFormat.getYear();
    var FULL_YEAR   = DateToFormat.getFullYear();
    var HOUR        = DateToFormat.getHours();
    var MINUTES     = DateToFormat.getMinutes();
    var SECONDS     = DateToFormat.getSeconds();

    var arrMonths = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
    var arrDay=new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
    var strMONTH;
    var strDAY;
    var strHOUR;
    var strMINUTES;
    var strSECONDS;
    var Separator;

    if(parseInt(MONTH)< 10 && MONTH.toString().length < 2)
        strMONTH = "0" + MONTH;
    else
        strMONTH=MONTH;
    if(parseInt(DAY)< 10 && DAY.toString().length < 2)
        strDAY = "0" + DAY;
    else
        strDAY=DAY;
    if(parseInt(HOUR)< 10 && HOUR.toString().length < 2)
        strHOUR = "0" + HOUR;
    else
        strHOUR=HOUR;
    if(parseInt(MINUTES)< 10 && MINUTES.toString().length < 2)
        strMINUTES = "0" + MINUTES;
    else
        strMINUTES=MINUTES;
    if(parseInt(SECONDS)< 10 && SECONDS.toString().length < 2)
        strSECONDS = "0" + SECONDS;
    else
        strSECONDS=SECONDS;

    switch (formatString){
        case "hh:mm:ss":
            return strHOUR + ':' + strMINUTES + ':' + strSECONDS;
        break;
        //More cases to meet your requirements.
    }
}
3  
2011-05-24 16:21:01

Я просто хотел дать небольшое объяснение хорошему ответу выше:

var totalSec = new Date().getTime() / 1000;
var hours = parseInt( totalSec / 3600 ) % 24;
var minutes = parseInt( totalSec / 60 ) % 60;
var seconds = totalSec % 60;

var result = (hours < 10 ? "0" + hours : hours) + "-" + (minutes < 10 ? "0" + minutes : minutes) + "-" + (seconds  < 10 ? "0" + seconds : seconds);

на второй строке, так как есть 3600 секунд в 1 час, мы делим общее количество секунд на 3600, чтобы получить общее количество часов. Мы используем parseInt для удаления любого десятичного числа. Если totalSec был 12600( 3 с половиной часа), то parseInt (totalSec / 3600 ) вернет 3, так как у нас будет 3 полных часа. Зачем нужен % 24 в этом случае? Если мы превышаем 24 часа, скажем, у нас есть 25 часов (90000 секунд), то по модулю здесь мы снова вернемся к 1, а не вернемся к 25. Это ограничивает результат в пределах 24-часового лимита, так как есть 24 часа в один день.

когда вы видите что-то вроде этого:

25 % 24

подумайте об этом так:

25 mod 24 or what is the remainder when we divide 25 by 24
3  
2016-07-19 23:35:16

Chiming в этом старом потоке -- OP заявил HH:MM: SS, и многие из решений работают, пока вы не поймете, что вам нужно больше, чем 24 часа в списке. И может быть, вы не хотите больше, чем одну строку кода. Здесь вы идете:

d=(s)=>{f=Math.floor;g=(n)=>('00'+n).slice(-2);return f(s/3600)+':'+g(f(s/60)%60)+':'+g(s%60)}

он возвращает H+: MM: SS. Чтобы использовать его, просто используйте:

d(91260);     // returns "25:21:00"
d(960);       // returns "0:16:00"

...Я попытался заставить его использовать наименьшее количество кода, для хорошего однострочного подхода.

3  
2017-06-30 04:58:23

вы пробовали добавлять секунды к объекту даты?

var dt = new Date();
dt.addSeconds(1234);

образец: https://jsfiddle.net/j5g2p0dc/5/

обновление: Образец ссылки отсутствовал, поэтому я создал новый.

3  
2018-06-18 17:14:45

вот функция для преобразования секунд в формат hh-mm-ss на основе ответа powtac здесь

jsfiddle

/** 
 * Convert seconds to hh-mm-ss format.
 * @param {number} totalSeconds - the total seconds to convert to hh- mm-ss
**/
var SecondsTohhmmss = function(totalSeconds) {
  var hours   = Math.floor(totalSeconds / 3600);
  var minutes = Math.floor((totalSeconds - (hours * 3600)) / 60);
  var seconds = totalSeconds - (hours * 3600) - (minutes * 60);

  // round seconds
  seconds = Math.round(seconds * 100) / 100

  var result = (hours < 10 ? "0" + hours : hours);
      result += "-" + (minutes < 10 ? "0" + minutes : minutes);
      result += "-" + (seconds  < 10 ? "0" + seconds : seconds);
  return result;
}

пример использования

var seconds = SecondsTohhmmss(70);
console.log(seconds);
// logs 00-01-10
2  
2017-05-23 14:47:36

посмотрев на все ответы и не быть счастливым с большинством из них, это то, что я придумал. Я знаю, что очень опаздываю на разговор, но все равно он здесь.

function secsToTime(secs){
  var time = new Date(); 
  // create Date object and set to today's date and time
  time.setHours(parseInt(secs/3600) % 24);
  time.setMinutes(parseInt(secs/60) % 60);
  time.setSeconds(parseInt(secs%60));
  time = time.toTimeString().split(" ")[0];
  // time.toString() = "HH:mm:ss GMT-0800 (PST)"
  // time.toString().split(" ") = ["HH:mm:ss", "GMT-0800", "(PST)"]
  // time.toTimeString().split(" ")[0]; = "HH:mm:ss"
  return time;
}

Я создаю новый объект Date, изменяю время на мои параметры, преобразую объект Date в строку времени и удаляю дополнительный материал, разделяя строку и возвращая только ту часть, которая нужна.

Я думал, что разделю этот подход, так как он устраняет необходимость в регулярном выражении, логическая и математическая акробатика для получения результатов в формате" HH:mm:ss", а вместо этого он опирается на встроенные методы.

вы можете взглянуть на документацию здесь: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

2  
2016-01-15 23:04:02

есть много вариантов решения этой проблемы, и очевидно, что есть хороший вариант, но я хочу добавить еще один оптимизированный код здесь

function formatSeconds(sec) {
     return [(sec / 3600), ((sec % 3600) / 60), ((sec % 3600) % 60)]
            .map(v => v < 10 ? "0" + parseInt(v) : parseInt(v))
            .filter((i, j) => i !== "00" || j > 0)
            .join(":");
}

Если вы не хотите отформатировать ноль с числом менее 10, вы можете использовать

function formatSeconds(sec) {
  return parseInt(sec / 3600) + ':' + parseInt((sec % 3600) / 60) + ':' + parseInt((sec % 3600) % 60);

}

пример кода http://fiddly.org/1c476/1

2  
2017-12-05 14:54:33

в одной строке, используя решение T. J. Crowder:

secToHHMMSS = seconds => `${Math.floor(seconds / 3600)}:${Math.floor((seconds % 3600) / 60)}:${Math.floor((seconds % 3600) % 60)}`

в одной строке другое решение, которое также считает дни:

secToDHHMMSS = seconds => `${parseInt(seconds / 86400)}d ${new Date(seconds * 1000).toISOString().substr(11, 8)}`

Источник:https://gist.github.com/martinbean/2bf88c446be8048814cf02b2641ba276

2  
2018-04-24 18:05:18

вы также можете использовать ниже код:

int ss = nDur%60;
nDur   = nDur/60;
int mm = nDur%60;
int hh = nDur/60;
1  
2012-11-13 17:11:31

для тех, кто использует AngularJS, простым решением является фильтрация значения с помощью дата API, который преобразует миллисекунды в строку на основе запрошенного формата. Пример:

<div>Offer ends in {{ timeRemaining | date: 'HH:mm:ss' }}</div>

обратите внимание, что это ожидает миллисекунд, поэтому вы можете умножить timeRemaining на 1000, если вы конвертируете из секунд (как был сформулирован исходный вопрос).

1  
2014-12-15 12:28:00

я использовал этот код раньше, чтобы создать простой объект TimeSpan:

function TimeSpan(time) {
this.hours = 0;
this.minutes = 0;
this.seconds = 0;

while(time >= 3600)
{
    this.hours++;
    time -= 3600;
}

while(time >= 60)
{
    this.minutes++;
    time -= 60;
}

this.seconds = time;
}

var timespan = new Timespan(3662);
0  
2009-08-24 17:41:13

new Date().toString().split(" ")[4];

результат 15:08:03

0  
2013-08-08 15:52:35 
var sec_to_hms = function(sec){
var min, hours;
     sec = sec - (min = Math.floor(sec/60))*60;
     min = min - (hours = Math.floor(min/60))*60;
     return (hours?hours+':':'') + ((min+'').padStart(2, '0')) + ':'+ ((sec+'').padStart(2, '0'));
}
alert(sec_to_hms(2442542));
0  
2018-08-10 19:52:05

я столкнулся с делом, которое некоторые упоминали, где количество секунд больше, чем день. Вот адаптированная версия ответа @Harish Anchu с самым высоким рейтингом, который учитывает более длительные периоды времени:

function secondsToTime(seconds) {
  const arr = new Date(seconds * 1000).toISOString().substr(11, 8).split(':');

  const days = Math.floor(seconds / 86400);
  arr[0] = parseInt(arr[0], 10) + days * 24;

  return arr.join(':');
}

пример:

secondsToTime(101596) // outputs '28:13:16' as opposed to '04:13:16'
0  
2018-09-28 23:10:55

вы также можете использовать сахар.

Date.create().reset().set({seconds: 180}).format('{mm}:{ss}');

этот пример возвращает '03: 00'.

-1  
2014-11-19 16:51:18

использование momentjs для расчета singleday

var number = 10000(milliseconds); 
var momentObject = moment.duration(number);  

var output =  momentObject.hours()+"HH"+momentObject.minutes()+"MM"+minuteObject.seconds()+"S"
-1  
2016-03-02 15:47:53

С помощью момент.js:

moment().format('hh:mm:ss');
-2  
2018-05-10 20:10:05

Comments

    Ничего не найдено.
Click here to cancel reply.