Konvertiere Sekunden in HH-MM-SS mit JavaScript?

Wissen Sie nicht,datejs? es ist ein muss wissen.

Mit datejs, schreiben Sie einfach etwas wie:

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

--update

Heute date.js ist veraltet und nicht gepflegt, so verwenden Sie "Moment.js", die viel besser ist, wie bereits von T. J. Crowder.

InformationsquelleAutor der Antwort Cleiton

Ich glaube nicht, dass ein eingebautes feature von der standard-Date-Objekt wird dies für Sie tun in einer Weise, die ist bequemer als das nur tun die Mathematik selbst.

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

InformationsquelleAutor der Antwort T.J. Crowder

function formatSeconds(seconds)
{
    var date = new Date(1970,0,1);
    date.setSeconds(seconds);
    return date.toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1");
}

InformationsquelleAutor der Antwort Dima L.

Diesem funktioniert der trick:

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;
}

(Bezogen von hier)

InformationsquelleAutor der Antwort Waggers

     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"

können wir diese Funktion viel kürzer und knackig, aber das verringert die Lesbarkeit, so schreiben wir es so einfach wie möglich und so stabil wie möglich.

oder Sie können dies überprüfen, arbeiten hier:

InformationsquelleAutor der Antwort sheelpriy

Diese Funktion sollte es tun :

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 : ':' );
}

Ohne ein Trennzeichen, verwendet es : als die (Standard -) separator :

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

Wenn Sie verwenden möchten - als Trennzeichen übergeben Sie als zweiten parameter:

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

Siehe auch diese Geige.

InformationsquelleAutor der Antwort John Slegers

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.
    }
}

InformationsquelleAutor der Antwort bgosalci

Geläute auf diesen alten thread -- der OP angegeben HH:MM:SS, und viele der Lösungen arbeiten, bis Sie erkennen, brauchen Sie mehr als 24 Stunden aufgeführt. Und vielleicht wollen Sie nicht mehr als eine einzige Zeile von code. Hier gehen Sie:

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

Gibt es H+:MM:SS. Um es zu verwenden, verwenden Sie einfach:

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

...Ich habe versucht, es zu bekommen, verwenden Sie die geringste Menge an code möglich, für einen netten one-liner Ansatz.

InformationsquelleAutor der Antwort tsizzle

Nach einem Blick auf all die Antworten und nicht glücklich zu sein mit den meisten von Ihnen, das ist, was ich kam mit. Ich weiß ich bin sehr spät zum Gespräch, aber hier ist es sowieso.

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;
}

Erstelle ich ein neues Date-Objekt, ändern Sie die Zeit, um meine Parameter, konvertiert das Date-Objekt zu einer Zeit, string, und entfernt die zusätzlichen Sachen durch die Aufspaltung der Strings und der Rückgabe nur der Teil, müssen.

Ich dachte, ich würde teilen diesen Ansatz, da es entfällt die Notwendigkeit für regex, der Logik und der Mathematik Akrobatik, um die Ergebnisse in "HH:mm:ss" - format, und er verlässt sich stattdessen auf eingebaute Methoden.

Möchten Sie vielleicht einen Blick auf die Dokumentation hier: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

InformationsquelleAutor der Antwort luis.madrigal

Haben Sie versucht, hinzufügen von Sekunden in ein Datum-Objekt?

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

Einem Beispiel:
https://jsfiddle.net/j5g2p0dc/5/

Aktualisiert:
Beispiel-link fehlt, damit ich erstellte eine neue.

InformationsquelleAutor der Antwort kpull1

Für jemand mit AngularJS, ist eine einfache Lösung zum filtern der Wert mit der date APIdie konvertiert Millisekunden in einen string, basierend auf dem angeforderten format. Beispiel:

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

Beachten Sie, dass dies erwartet Millisekunden, so möchten Sie vielleicht, sich zu vermehren timeRemaining von 1000, wenn Sie die Umwandlung von Sekunden (als die ursprüngliche Frage formuliert wurde).

InformationsquelleAutor der Antwort Henrik Christensen

Ich habe diesen code vor, um eine einfache timespan-Objekt:

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);

InformationsquelleAutor der Antwort smack0007

Können Sie auch Zucker.

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

Diesem Beispiel gibt '03:00'.

InformationsquelleAutor der Antwort Kris Khaira

Mithilfe Moment.js:

moment().format('hh:mm:ss');

InformationsquelleAutor der Antwort Meghan