Ini adalah masalah umum tetapi saya tidak yakin bagaimana menyelesaikannya. Kode di bawah ini berfungsi dengan baik.

var mind = time % (60 * 60);
var minutes = Math.floor(mind / 60);

var secd = mind % 60;
var seconds = Math.ceil(secd);

Namun, ketika saya sampai 1 jam atau 3600 detik, ia mengembalikan 0 menit dan 0 detik. Bagaimana saya bisa menghindari ini sehingga mengembalikan semua menit?

Terima kasih

Untuk mendapatkan jumlah menit penuh, bagi jumlah total detik dengan 60 (60 detik / menit):

var minutes = Math.floor(time / 60);

Dan untuk mendapatkan detik yang tersisa, kalikan menit penuh dengan 60 dan kurangi dari total detik:

var seconds = time - minutes * 60;

Sekarang jika Anda juga ingin mendapatkan jam penuh juga, bagi jumlah detik total dengan 3600 (60 menit / jam · 60 detik / menit) pertama, lalu hitung detik yang tersisa:

var hours = Math.floor(time / 3600);
time = time - hours * 3600;

Kemudian Anda menghitung menit penuh dan sisa detik.

Bonus:

Gunakan kode berikut untuk mencetak waktu dengan cantik (disarankan oleh Dru)

function str_pad_left(string,pad,length) {
    return (new Array(length+1).join(pad)+string).slice(-length);
}

var finalTime = str_pad_left(minutes,'0',2)+':'+str_pad_left(seconds,'0',2);

Solusi mewah lain:

function fancyTimeFormat(duration)
{   
    // Hours, minutes and seconds
    var hrs = ~~(duration / 3600);
    var mins = ~~((duration % 3600) / 60);
    var secs = ~~duration % 60;

    // Output like "1:01" or "4:03:59" or "123:03:59"
    var ret = "";

    if (hrs > 0) {
        ret += "" + hrs + ":" + (mins < 10 ? "0" : "");
    }

    ret += "" + mins + ":" + (secs < 10 ? "0" : "");
    ret += "" + secs;
    return ret;
}

~~adalah singkatan untuk Math.floor, lihat tautan ini untuk info lebih lanjut

Coba online

Untuk orang-orang yang datang dengan harapan untuk solusi cepat yang sederhana dan dengan demikian singkat untuk memformat detik menjadi M:SS:

function fmtMSS(s){return(s-(s%=60))/60+(9<s?':':':0')+s}

dilakukan ..
Fungsi menerima baik sebuah Number(disukai) atau suatu String(2 konversi 'hukuman' yang dapat Anda membagi dua dengan mengawali +dalam argumen fungsi panggilan untuk sseperti di: fmtMSS(+strSeconds)), yang mewakili detik bilangan bulat positif ssebagai argumen.

Contoh:

fmtMSS(    0 );  //   0:00
fmtMSS(   '8');  //   0:08
fmtMSS(    9 );  //   0:09
fmtMSS(  '10');  //   0:10
fmtMSS(   59 );  //   0:59
fmtMSS( +'60');  //   1:00
fmtMSS(   69 );  //   1:09
fmtMSS( 3599 );  //  59:59
fmtMSS('3600');  //  60:00
fmtMSS('3661');  //  61:01
fmtMSS( 7425 );  // 123:45

Kerusakan:

function fmtMSS(s){   // accepts seconds as Number or String. Returns m:ss
  return( s -         // take value s and subtract (will try to convert String to Number)
          ( s %= 60 ) // the new value of s, now holding the remainder of s divided by 60 
                      // (will also try to convert String to Number)
        ) / 60 + (    // and divide the resulting Number by 60 
                      // (can never result in a fractional value = no need for rounding)
                      // to which we concatenate a String (converts the Number to String)
                      // who's reference is chosen by the conditional operator:
          9 < s       // if    seconds is larger than 9
          ? ':'       // then  we don't need to prepend a zero
          : ':0'      // else  we do need to prepend a zero
        ) + s ;       // and we add Number s to the string (converting it to String as well)
}

Catatan: Kisaran negatif dapat ditambahkan dengan menambahkan (0>s?(s=-s,'-'):'')+ke ekspresi pengembalian (sebenarnya, (0>s?(s=-s,'-'):0)+akan berfungsi juga).

Anda juga dapat menggunakan objek Tanggal asli:

var date = new Date(null);
date.setSeconds(timeInSeconds);

// retrieve time ignoring the browser timezone - returns hh:mm:ss
var utc = date.toUTCString();
// negative start index in substr does not work in IE 8 and earlier
var time = utc.substr(utc.indexOf(':') - 2, 8)

// retrieve each value individually - returns h:m:s
var time = date.getUTCHours() + ':' + date.getUTCMinutes() + ':' +  date.getUTCSeconds();

// does not work in IE8 and below - returns hh:mm:ss
var time = date.toISOString().substr(11, 8);

// not recommended - only if seconds number includes timezone difference
var time = date.toTimeString().substr(0, 8);

Tentu saja solusi ini hanya berfungsi untuk waktu Dalam waktu kurang dari 24 jam;)

Varian terbaik 2019

Format hh:mm:ss

console.log(display(60 * 60 * 2.5 + 25)) // 2.5 hours + 25 seconds

function display (seconds) {
  const format = val => `0${Math.floor(val)}`.slice(-2)
  const hours = seconds / 3600
  const minutes = (seconds % 3600) / 60

  return [hours, minutes, seconds % 60].map(format).join(':')
}

function secondsToMinutes(time){
    return Math.floor(time / 60)+':'+Math.floor(time % 60);
}

Untuk menambahkan nol di depan, saya hanya akan melakukan:

var minutes = "0" + Math.floor(time / 60);
var seconds = "0" + (time - minutes * 60);
return minutes.substr(-2) + ":" + seconds.substr(-2);

Bagus dan pendek

Bersihkan satu liner menggunakan ES6

const secondsToMinutes = seconds => Math.floor(seconds / 60) + ':' + ('0' + Math.floor(seconds % 60)).slice(-2);

Satu liner (tidak bekerja dengan jam):

 function sectostr(time) {
    return ~~(time / 60) + ":" + (time % 60 < 10 ? "0" : "") + time % 60;
 }

Detik ke h: mm: dtk

var hours = Math.floor(time / 3600);
time -= hours * 3600;

var minutes = Math.floor(time / 60);
time -= minutes * 60;

var seconds = parseInt(time % 60, 10);

console.log(hours + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds));

Fungsi Mengikuti akan membantu Anda mendapatkan Hari, Jam, Menit, detik

toDDHHMMSS(inputSeconds){
        const Days = Math.floor( inputSeconds / (60 * 60 * 24) );
        const Hour = Math.floor((inputSeconds % (60 * 60 * 24)) / (60 * 60));
        const Minutes = Math.floor(((inputSeconds % (60 * 60 * 24)) % (60 * 60)) / 60 );
        const Seconds = Math.floor(((inputSeconds % (60 * 60 * 24)) % (60 * 60)) % 60 );
        let ddhhmmss  = '';
        if (Days > 0){
            ddhhmmss += Days + ' Day ';
        }
        if (Hour > 0){
            ddhhmmss += Hour + ' Hour ';
        }

        if (Minutes > 0){
            ddhhmmss += Minutes + ' Minutes ';
        }

        if (Seconds > 0){
            ddhhmmss += Seconds + ' Seconds ';
        }
        return ddhhmmss;
    }
alert( toDDHHMMSS(2000));

Setelah semua ini, solusi sederhana lain:

const time = new Date(null);
time.setSeconds(7530);
console.log(time.getHours(), time.getMinutes(), time.getSeconds());

Solusi lain yang lebih elegan untuk ini adalah sebagai berikut:

/**
 * Convert number secs to display time
 *
 * 65 input becomes 01:05.
 *
 * @param Number inputSeconds Seconds input.
 */
export const toMMSS = inputSeconds => {
    const secs = parseInt( inputSeconds, 10 );
    let minutes = Math.floor( secs / 60 );
    let seconds = secs - minutes * 60;

    if ( 10 > minutes ) {
        minutes = '0' + minutes;
    }
    if ( 10 > seconds ) {
        seconds = '0' + seconds;
    }

    // Return display.
    return minutes + ':' + seconds;
};

Untuk menambahkan nol, saya benar-benar tidak melihat perlunya memiliki fungsi lain yang lengkap di mana Anda dapat menggunakannya misalnya

var mins=Math.floor(StrTime/60);
var secs=StrTime-mins * 60;
var hrs=Math.floor(StrTime / 3600);
RoundTime.innerHTML=(hrs>9?hrs:"0"+hrs) + ":" + (mins>9?mins:"0"+mins) + ":" + (secs>9?secs:"0"+secs);

Itu sebabnya kami memiliki pernyataan bersyarat di tempat pertama.

(kondisi? jika benar: jika salah) jadi jika contoh detik lebih dari 9 daripada hanya menunjukkan detik lain tambahkan string 0 sebelum itu.

coba ini: Konversi Kedua ke JAM, MIN dan SEC.

function convertTime(sec) {
    var hours = Math.floor(sec/3600);
    (hours >= 1) ? sec = sec - (hours*3600) : hours = '00';
    var min = Math.floor(sec/60);
    (min >= 1) ? sec = sec - (min*60) : min = '00';
    (sec < 1) ? sec='00' : void 0;

    (min.toString().length == 1) ? min = '0'+min : void 0;    
    (sec.toString().length == 1) ? sec = '0'+sec : void 0;    

    return hours+':'+min+':'+sec;
}

Jika Anda menggunakan Moment.js maka Anda dapat menggunakan Durationobjek bawaan di sana

const duration = moment.duration(4825, 'seconds');

const h = duration.hours(); // 1
const m = duration.minutes(); // 20
const s = duration.seconds(); // 25

UPDATE 2020

Menggunakan matematika dasar dan javascript sederhana ini dapat dilakukan hanya dalam beberapa baris kode.

CONTOH - Konversi 7735 secondske HH:MM:SS.

MATEMATIKA:

Perhitungan menggunakan:

1. Math.floor()- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/floor

The Math.floor()mengembalikan fungsi integer terbesar kurang dari atau sama dengan angka yang diberikan.

2. %operator aritmatika (Sisa) - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Remainder

Operator sisanya mengembalikan sisa yang tersisa ketika satu operan dibagi dengan operan kedua. Itu selalu mengambil tanda dividen.

Lihat kode di bawah ini. Detik dibagi dengan 3600untuk mendapatkan jumlah jam dan sisanya, yang digunakan untuk menghitung jumlah menit dan detik.

HOURS => 7735 / 3600 = 2 remainder 535

MINUTES => 535 / 60 = 8 remainder 55

SECONDS => 55

ZEROS TERKEMUKA:

Banyak jawaban di sini menggunakan metode yang rumit untuk menunjukkan jumlah jam, menit dan detik dengan cara yang benar dengan memimpin nol - 45, 04dll. Ini dapat dilakukan dengan menggunakan padStart(). Ini berfungsi untuk string sehingga nomor harus dikonversi ke string menggunakan toString().

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart

The padStart()Metode bantalan string saat ini dengan string lain (beberapa kali, jika diperlukan) sampai string yang dihasilkan mencapai panjang yang diberikan. Padding diterapkan sejak awal string saat ini.

KODE:

function secondsToTime(e){
    var h = Math.floor(e / 3600).toString().padStart(2,'0'),
        m = Math.floor(e % 3600 / 60).toString().padStart(2,'0'),
        s = Math.floor(e % 60).toString().padStart(2,'0');
    
    return h + ':' + m + ':' + s;
}

console.log(secondsToTime(7735));  //02:08:55

/*
secondsToTime(SECONDS) => HH:MM:SS 

secondsToTime(8)       => 00:00:08 
secondsToTime(68)      => 00:01:08
secondsToTime(1768)    => 00:29:28
secondsToTime(3600)    => 01:00:00
secondsToTime(5296)    => 01:28:16
secondsToTime(7735)    => 02:08:55
secondsToTime(45296)   => 12:34:56
secondsToTime(145296)  => 40:21:36
secondsToTime(1145296) => 318:08:16
*/

Anda telah melakukan cukup kode untuk melacak menit dan detik sebagian waktu.

Yang bisa Anda lakukan adalah menambahkan faktor jam di:

var hrd = time % (60 * 60 * 60);
var hours = Math.floor(hrd / 60);

var mind = hrd % 60;
var minutes = Math.floor(mind / 60);

var secd = mind % 60;
var seconds = Math.ceil(secd);

var moreminutes = minutes + hours * 60

Ini akan memberi Anda apa yang Anda butuhkan juga.

Saya sedang memikirkan cara yang lebih cepat untuk menyelesaikan ini dan inilah yang saya hasilkan

var sec = parseInt(time);
var min=0;
while(sec>59){ sec-=60; min++;}

Jika kita ingin mengonversi "waktu" menjadi menit dan detik, misalnya:

// time = 75,3 sec
var sec = parseInt(time); //sec = 75
var min=0;
while(sec>59){ sec-=60; min++;} //sec = 15; min = 1

Masukkan dua sen saya di:

function convertSecondsToMinutesAndSeconds(seconds){
            var minutes;
            var seconds;
            minutes = Math.floor(seconds/60);
            seconds = seconds%60;

            return [minutes, seconds];
        }

Jadi ini :

var minutesAndSeconds = convertSecondsToMinutesAndSeconds(101);

Akan memiliki output berikut:

[1,41];

Maka Anda dapat mencetaknya seperti ini:

console.log('TIME : ' +  minutesSeconds[0] + ' minutes, ' + minutesSeconds[1] + ' seconds');

//TIME : 1 minutes, 41 seconds

strftime.js ( strftime github ) adalah salah satu pustaka pemformatan waktu terbaik. Ini sangat ringan - 30KB - dan efektif. Dengan menggunakannya, Anda dapat mengkonversi detik menjadi waktu dengan mudah dalam satu baris kode, sebagian besar mengandalkan kelas Date asli.

Saat membuat Tanggal baru, setiap argumen opsional ditempatkan sebagai berikut:

new Date(year, month, day, hours, minutes, seconds, milliseconds);

Jadi, jika Anda menginisialisasi Tanggal baru dengan semua argumen sebagai nol hingga detik, Anda akan mendapatkan:

var seconds = 150;
var date = new Date(0,0,0,0,0,seconds);
=> Sun Dec 31 1899 00:02:30 GMT-0500 (EST)

Anda dapat melihat bahwa 150 detik adalah 2 menit dan 30 detik, seperti yang terlihat pada tanggal dibuat. Kemudian menggunakan format strftime ("% M:% S" untuk "MM: SS"), itu akan menampilkan string menit Anda.

var mm_ss_str = strftime("%M:%S", date);
=> "02:30"

Dalam satu baris, itu akan terlihat seperti:

var mm_ss_str = strftime('%M:%S', new Date(0,0,0,0,0,seconds));
=> "02:30"

Plus ini akan memungkinkan Anda untuk saling mendukung HH: MM: SS dan MM: SS berdasarkan jumlah detik. Sebagai contoh:

# Less than an Hour (seconds < 3600)
var seconds = 2435;
strftime((seconds >= 3600 ? '%H:%M:%S' : '%M:%S'), new Date(0,0,0,0,0,seconds));
=> "40:35"

# More than an Hour (seconds >= 3600)
var seconds = 10050;
strftime((seconds >= 3600 ? '%H:%M:%S' : '%M:%S'), new Date(0,0,0,0,0,seconds));
=> "02:47:30"

Dan tentu saja, Anda dapat dengan mudah melewatkan format apa pun yang ingin Anda habiskan jika Anda ingin string waktu menjadi lebih atau kurang semantik.

var format = 'Honey, you said you\'d be read in %S seconds %M minutes ago!';
strftime(format, new Date(0,0,0,0,0,1210));
=> "Honey, you said you'd be read in 10 seconds 20 minutes ago!"

Semoga ini membantu.

export function TrainingTime(props) {
    const {train_time } = props;
    const hours = Math.floor(train_time/3600);
    const minutes = Math.floor((train_time-hours * 3600) / 60);
    const seconds = Math.floor((train_time%60));

    return `${hours} hrs  ${minutes} min  ${seconds} sec`;
}

Saya menyarankan solusi lain:

function formatTime(nbSeconds, hasHours) {
    var time = [],
        s = 1;
    var calc = nbSeconds;

    if (hasHours) {
        s = 3600;
        calc = calc / s;
        time.push(format(Math.floor(calc)));//hour
    }

    calc = ((calc - (time[time.length-1] || 0)) * s) / 60;
    time.push(format(Math.floor(calc)));//minute

    calc = (calc - (time[time.length-1])) * 60;
    time.push(format(Math.round(calc)));//second


    function format(n) {//it makes "0X"/"00"/"XX"
        return (("" + n) / 10).toFixed(1).replace(".", "");
    }

    //if (!hasHours) time.shift();//you can set only "min: sec"

    return time.join(":");
};
console.log(formatTime(3500));//58:20
console.log(formatTime(305));//05:05
console.log(formatTime(75609, true));//21:00:09
console.log(formatTime(0, true));//00:00:00

Saya tahu ini telah diselesaikan dengan banyak cara. Saya membutuhkan fungsi ini untuk skrip After Effects, di mana kecepatan atau polusi namespace tidak menjadi masalah. Saya menjatuhkannya di sini untuk seseorang yang membutuhkan sesuatu yang serupa. Saya juga menulis beberapa tes dan bekerja dengan baik. Jadi, inilah kodenya:

Number.prototype.asTime = function () {
    var hour = Math.floor(this / 3600),
        min = Math.floor((this - hour * 3600) / 60),
        sec = this - hour * 3600 - min * 60,
        hourStr, minStr, secStr;
    if(hour){
        hourStr = hour.toString(),
        minStr = min < 9 ? "0" + min.toString() : min.toString();
        secStr = sec < 9 ? "0" + sec.toString() : sec.toString();
        return hourStr + ":" + minStr + ":" + secStr + "hrs";
    }
    if(min){
        minStr = min.toString();
        secStr = sec < 9 ? "0" + sec.toString() : sec.toString();
        return  minStr + ":" + secStr + "min";
    }
    return sec.toString() + "sec";
}