นี่เป็นปัญหาที่พบบ่อย แต่ฉันไม่แน่ใจว่าจะแก้ไขได้อย่างไร รหัสด้านล่างใช้งานได้ดี

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

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

อย่างไรก็ตามเมื่อฉันไปถึง 1 ชั่วโมงหรือ 3600 วินาทีมันจะคืนค่า 0 นาทีและ 0 วินาที ฉันจะหลีกเลี่ยงสิ่งนี้ได้อย่างไรเพื่อให้ส่งกลับทุกนาที

ขอบคุณ

ในการรับจำนวนนาทีเต็มให้แบ่งจำนวนวินาทีทั้งหมดด้วย 60 (60 วินาที / นาที):

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

และเพื่อให้ได้จำนวนวินาทีที่เหลือให้คูณนาทีเต็มด้วย 60 และลบออกจากวินาทีทั้งหมด:

var seconds = time - minutes * 60;

ตอนนี้ถ้าคุณต้องการรับชั่วโมงเต็มด้วยให้หารจำนวนวินาทีทั้งหมดด้วย 3600 (60 นาที / ชั่วโมง· 60 วินาที / นาที) ก่อนจากนั้นคำนวณวินาทีที่เหลือ:

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

จากนั้นคุณคำนวณนาทีเต็มและวินาทีที่เหลืออยู่

โบนัส:

ใช้รหัสต่อไปนี้เพื่อพิมพ์เวลา (แนะนำโดย 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);

โซลูชันแฟนซีอื่น ๆ :

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

~~เป็นชวเลขสำหรับMath.floorดูลิงค์นี้สำหรับข้อมูลเพิ่มเติม

ลองออนไลน์

สำหรับคนที่ลดลงในความหวังว่าการที่ง่ายรวดเร็วและวิธีการแก้ปัญหาในระยะสั้นจึงวินาทีรูปแบบออกเป็นM:SS:

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

ทำ ..
ฟังก์ชั่นที่ยอมรับทั้งNumber (แนะนำ) หรือString (2 แปลง 'ลงโทษ' ซึ่งคุณสามารถลดลงครึ่งหนึ่งโดย prepending +ในการโต้เถียงการเรียกฟังก์ชั่นสำหรับsเช่น: fmtMSS(+strSeconds)) คิดเป็นวินาทีจำนวนเต็มบวกsเป็นอาร์กิวเมนต์

ตัวอย่าง:

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

ทำให้พังถล่ม:

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

หมายเหตุ: สามารถเพิ่มช่วงลบได้โดยเพิ่ม(0>s?(s=-s,'-'):'')+การส่งคืนนิพจน์ (จริง ๆ แล้ว(0>s?(s=-s,'-'):0)+ก็ใช้ได้เช่นกัน)

คุณยังสามารถใช้วัตถุวันที่ดั้งเดิม:

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

แน่นอนว่าวิธีนี้ใช้งานได้เฉพาะเวลาไม่เกิน 24 ชั่วโมง;)

2019 ตัวแปรที่ดีที่สุด

รูปแบบ 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);
}

หากต้องการเพิ่มศูนย์นำหน้าฉันจะทำ:

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

ดีและสั้น

ทำความสะอาดหนึ่งซับโดยใช้ ES6

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

สายการบินเดียว (ไม่ทำงานกับชั่วโมง):

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

วินาทีถึง h: mm: ss

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

ฟังก์ชั่นต่อไปนี้จะช่วยให้คุณได้รับวันชั่วโมงนาทีวินาที

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

หลังจากทั้งหมดนี้อีกวิธีง่ายๆ:

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

อีกหนึ่งโซลูชั่นที่สง่างามกว่านี้คือ:

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

สำหรับการเพิ่มศูนย์ฉันไม่เห็นความจำเป็นที่จะต้องมีฟังก์ชั่นอื่นที่คุณสามารถใช้เป็นตัวอย่างได้

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

ทำไมเราถึงมีข้อความที่มีเงื่อนไขในตอนแรก

(เงื่อนไขหรือไม่ถ้าเป็นจริง: ถ้าเป็นเท็จ) ดังนั้นถ้าตัวอย่างวินาทีมีค่ามากกว่า 9 แสดงเพียงแค่วินาทีจะเพิ่มสตริง 0 ก่อนหน้า

ลองสิ่งนี้: การแปลงวินาทีเป็นชั่วโมง, MIN และ 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;
}

หากคุณกำลังใช้Moment.jsคุณสามารถใช้Durationวัตถุในตัวได้

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

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

2563 ปรับปรุง

การใช้คณิตศาสตร์พื้นฐานและจาวาสคริปต์ง่าย ๆ สามารถทำได้ในโค้ดเพียงไม่กี่บรรทัด

ตัวอย่าง - การแปลงไป7735 secondsHH:MM:SS

คณิตศาสตร์:

การคำนวณใช้:

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

Math.floor()ฟังก์ชันส่งกลับเลขที่ใหญ่ที่สุดน้อยกว่าหรือเท่ากับจำนวนที่กำหนด

2. %ตัวดำเนินการทางคณิตศาสตร์ (ส่วนที่เหลือ) - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Remainder

ตัวดำเนินการส่วนที่เหลือส่งคืนส่วนที่เหลือที่เหลืออยู่เมื่อหนึ่งตัวถูกดำเนินการถูกหารด้วยตัวถูกดำเนินการที่สอง มันมักจะใช้สัญลักษณ์ของการจ่ายเงินปันผล

ตรวจสอบรหัสด้านล่าง วินาทีจะถูกหารด้วย3600เพื่อรับจำนวนชั่วโมงและส่วนที่เหลือซึ่งใช้ในการคำนวณจำนวนนาทีและวินาที

HOURS => 7735 / 3600 = 2 remainder 535

MINUTES => 535 / 60 = 8 remainder 55

SECONDS => 55

ZEROS ชั้นนำ:

คำตอบมากมายที่นี่ใช้วิธีการที่ซับซ้อนไปยังหมายเลขที่แสดงชั่วโมงนาทีและวินาทีในทางที่เหมาะสมกับชั้นนำศูนย์ - 45, 04ฯลฯ padStart()ซึ่งสามารถทำได้โดยใช้ toString()งานนี้สำหรับสตริงดังนั้นจำนวนจะต้องถูกแปลงเป็นสตริงใช้

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

padStart()วิธีแผ่นสตริงปัจจุบันด้วยเชือกอีก (หลาย ๆ ครั้งถ้าจำเป็น) จนกระทั่งสตริงส่งผลถึงระยะเวลาที่กำหนด การเติมจะใช้จากจุดเริ่มต้นของสตริงปัจจุบัน

รหัส:

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
*/

คุณได้ทำรหัสเพียงพอที่จะติดตามส่วนนาทีและวินาที

สิ่งที่คุณสามารถทำได้คือการเพิ่มปัจจัยชั่วโมงใน:

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

นี่จะให้สิ่งที่คุณต้องการด้วย

ฉันคิดถึงวิธีที่เร็วกว่าในการทำสิ่งนี้และนี่คือสิ่งที่ฉันคิดไว้

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

ถ้าเราต้องการแปลง "เวลา" เป็นนาทีและวินาทีตัวอย่างเช่น:

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

ใส่สองเซ็นต์ของฉันใน:

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

            return [minutes, seconds];
        }

ดังนั้นนี่:

var minutesAndSeconds = convertSecondsToMinutesAndSeconds(101);

จะมีผลลัพธ์ต่อไปนี้:

[1,41];

จากนั้นคุณสามารถพิมพ์ได้เช่น:

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

//TIME : 1 minutes, 41 seconds

strftime.js ( github strftime ) เป็นหนึ่งในห้องสมุดรูปแบบเวลาที่ดีที่สุด มันเบามาก - 30KB - และมีประสิทธิภาพ การใช้มันช่วยให้คุณสามารถแปลงวินาทีเป็นเวลาได้อย่างง่ายดายในหนึ่งบรรทัดของโค้ดโดยส่วนใหญ่อาศัยคลาสเนทีฟดั้งเดิม

เมื่อสร้าง Date ใหม่อาร์กิวเมนต์ที่เป็นทางเลือกแต่ละรายการจะเป็นตำแหน่งดังนี้

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

ดังนั้นหากคุณเริ่มต้นวันที่ใหม่โดยมีอาร์กิวเมนต์ทั้งหมดเป็นศูนย์จนถึงไม่กี่วินาทีคุณจะได้รับ:

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

คุณจะเห็นว่า 150 วินาทีคือ 2 นาทีและ 30 วินาทีตามที่เห็นในวันที่สร้าง จากนั้นใช้รูปแบบ strftime ("% M:% S" สำหรับ "MM: SS") มันจะเอาท์พุทสตริงนาทีของคุณ

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

ในหนึ่งบรรทัดดูเหมือนว่า:

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

นอกจากนี้ยังช่วยให้คุณสามารถเปลี่ยนการรองรับ HH: MM: SS และ MM: SS ได้ตามจำนวนวินาที ตัวอย่างเช่น:

# 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"

และแน่นอนคุณสามารถผ่านรูปแบบใดก็ได้ที่คุณต้องการใช้เวลาห้านาทีหากคุณต้องการให้เวลาในสตริงมีความหมายมากขึ้นหรือน้อยลง

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!"

หวังว่านี่จะช่วยได้

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

ฉันขอแนะนำวิธีแก้ไขปัญหาอื่น:

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

ฉันรู้ว่ามันได้รับการแก้ไขในหลาย ๆ ฉันต้องการฟังก์ชั่นนี้สำหรับสคริปต์ After Effects ที่ความเร็วหรือเนมสเปซไม่เป็นปัญหา ฉันวางมันไว้ที่นี่เพื่อคนที่ต้องการบางอย่างที่คล้ายกัน ฉันยังเขียนการทดสอบและทำงานได้ดี ดังนั้นนี่คือรหัส:

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