สตริงวินาทีของเวลา JavaScript ที่มีรูปแบบ hh: mm: ss

ฉันต้องการแปลงช่วงเวลาเช่นจำนวนวินาทีเป็นสตริงเวลาที่คั่นด้วยโคลอน (hh: mm: ss)

ฉันพบคำตอบที่เป็นประโยชน์ที่นี่ แต่พวกเขาทั้งหมดพูดคุยเกี่ยวกับการแปลงเป็นรูปแบบ x ชั่วโมงและ x นาที

ดังนั้นจะมีตัวอย่างเล็ก ๆ ที่ทำใน jQuery หรือเพียง JavaScript ดิบ?

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

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

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

alert("5678".toHHMMSS());

ตัวอย่างการทำงาน:

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

    if (hours   < 10) {hours   = "0"+hours;}
    if (minutes < 10) {minutes = "0"+minutes;}
    if (seconds < 10) {seconds = "0"+seconds;}
    return hours + ':' + minutes + ':' + seconds;
}
    
console.log("5678".toHHMMSS());

คุณสามารถจัดการได้โดยไม่ต้องมีไลบรารี JS ภายนอกด้วยความช่วยเหลือของวิธี JS Date ดังต่อไปนี้:

var date = new Date(0);
date.setSeconds(45); // specify value for SECONDS here
var timeString = date.toISOString().substr(11, 8);
console.log(timeString)

เพื่อให้ได้เวลาส่วนหนึ่งในรูปแบบhh:MM:ssคุณสามารถใช้นิพจน์ทั่วไปนี้:

(สิ่งนี้ถูกกล่าวถึงในโพสต์เดียวกันโดยใครบางคนขอบคุณที่.)

    var myDate = new Date().toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1");
    console.log(myDate)

ฉันแนะนำจาวาสคริปต์ธรรมดาโดยใช้วัตถุ Date:

var seconds = 9999;
// multiply by 1000 because Date() requires miliseconds
var date = new Date(seconds * 1000);
var hh = date.getUTCHours();
var mm = date.getUTCMinutes();
var ss = date.getSeconds();
// If you were building a timestamp instead of a duration, you would uncomment the following line to get 12-hour (not 24) time
// if (hh > 12) {hh = hh % 12;}
// These lines ensure you have two-digits
if (hh < 10) {hh = "0"+hh;}
if (mm < 10) {mm = "0"+mm;}
if (ss < 10) {ss = "0"+ss;}
// This formats your string to HH:MM:SS
var t = hh+":"+mm+":"+ss;
document.write(t);

(แน่นอนว่าวัตถุ Date ที่สร้างขึ้นจะมีวันที่ตามจริงที่เกี่ยวข้อง แต่ข้อมูลนั้นไม่เกี่ยวข้องดังนั้นสำหรับวัตถุประสงค์เหล่านี้คุณไม่ต้องกังวลกับมัน)

การค้นหาของ Google เปิดผลลัพธ์นี้ :

function secondsToTime(secs)
{
    secs = Math.round(secs);
    var hours = Math.floor(secs / (60 * 60));

    var divisor_for_minutes = secs % (60 * 60);
    var minutes = Math.floor(divisor_for_minutes / 60);

    var divisor_for_seconds = divisor_for_minutes % 60;
    var seconds = Math.ceil(divisor_for_seconds);

    var obj = {
        "h": hours,
        "m": minutes,
        "s": seconds
    };
    return obj;
}

การเปลี่ยนแปลงในชุดรูปแบบ จับวินาทีหลักเดียวแตกต่างกันเล็กน้อย

seconds2time(0)  ->  "0s" 
seconds2time(59) -> "59s" 
seconds2time(60) -> "1:00" 
seconds2time(1000) -> "16:40" 
seconds2time(4000) -> "1:06:40"

function seconds2time (seconds) {
    var hours   = Math.floor(seconds / 3600);
    var minutes = Math.floor((seconds - (hours * 3600)) / 60);
    var seconds = seconds - (hours * 3600) - (minutes * 60);
    var time = "";

    if (hours != 0) {
      time = hours+":";
    }
    if (minutes != 0 || time !== "") {
      minutes = (minutes < 10 && time !== "") ? "0"+minutes : String(minutes);
      time += minutes+":";
    }
    if (time === "") {
      time = seconds+"s";
    }
    else {
      time += (seconds < 10) ? "0"+seconds : String(seconds);
    }
    return time;
}

นี่คือสิ่งที่ฉันใช้:

function formatTime(seconds) {
  const h = Math.floor(seconds / 3600);
  const m = Math.floor((seconds % 3600) / 60);
  const s = Math.round(seconds % 60);
  return [
    h,
    m > 9 ? m : (h ? '0' + m : m || '0'),
    s > 9 ? s : '0' + s
  ].filter(Boolean).join(':');
}

ผลลัพธ์ที่คาดหวัง:

const expect = require('expect');
expect(formatTime(0)).toEqual('0:00');
expect(formatTime(1)).toEqual('0:01');
expect(formatTime(599)).toEqual('9:59');
expect(formatTime(600)).toEqual('10:00');
expect(formatTime(3600)).toEqual('1:00:00');
expect(formatTime(360009)).toEqual('100:00:09');
expect(formatTime(0.2)).toEqual('0:00');

ฉันชอบคำตอบแรก มีการเพิ่มประสิทธิภาพบางอย่าง:

• แหล่งข้อมูลคือตัวเลข ไม่จำเป็นต้องคำนวณเพิ่มเติม

• คอมพิวเตอร์ส่วนเกินมาก

รหัสผลลัพธ์:

Number.prototype.toHHMMSS = function () {
    var seconds = Math.floor(this),
        hours = Math.floor(seconds / 3600);
    seconds -= hours*3600;
    var minutes = Math.floor(seconds / 60);
    seconds -= minutes*60;

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

ใช้ห้องสมุดmoment.js ที่น่าตื่นตาตื่นใจ:

function humanizeDuration(input, units ) { 
  // units is a string with possible values of y, M, w, d, h, m, s, ms
  var duration = moment().startOf('day').add(units, input),
    format = "";

  if(duration.hour() > 0){ format += "H [hours] "; }

  if(duration.minute() > 0){ format += "m [minutes] "; }

  format += " s [seconds]";

  return duration.format(format);
}

สิ่งนี้อนุญาตให้คุณระบุช่วงเวลาใดก็ได้ไม่ว่าจะเป็นชั่วโมงนาทีวินาทีโรงสีและส่งคืนเวอร์ชันที่มนุษย์อ่านได้

function formatTime(seconds) {
    return [
        parseInt(seconds / 60 / 60),
        parseInt(seconds / 60 % 60),
        parseInt(seconds % 60)
    ]
        .join(":")
        .replace(/\b(\d)\b/g, "0$1")
}

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

ผลลัพธ์ 15:08:03

มันค่อนข้างง่าย

function toTimeString(seconds) {
  return (new Date(seconds * 1000)).toUTCString().match(/(\d\d:\d\d:\d\d)/)[0];
}

s2t=function (t){
  return parseInt(t/86400)+'d '+(new Date(t%86400*1000)).toUTCString().replace(/.*(\d{2}):(\d{2}):(\d{2}).*/, "$1h $2m $3s");
}

s2t(123456);

ผลลัพธ์:

1d 10h 17m 36s

ฉันชอบ Webjins คำตอบมากที่สุดดังนั้นฉันขยายมันเพื่อแสดงวันที่มีส่วนต่อท้ายโฆษณาทำให้เงื่อนไขการแสดงผลและรวมเป็นส่วนต่อท้ายในไม่กี่วินาทีธรรมดา:

function sec2str(t){
    var d = Math.floor(t/86400),
        h = ('0'+Math.floor(t/3600) % 24).slice(-2),
        m = ('0'+Math.floor(t/60)%60).slice(-2),
        s = ('0' + t % 60).slice(-2);
    return (d>0?d+'d ':'')+(h>0?h+':':'')+(m>0?m+':':'')+(t>60?s:s+'s');
}

ส่งคืน "3d 16:32:12" หรือ "16:32:12" หรือ "32:12" หรือ "12s"

ฉันชอบคำตอบของ Powtac แต่ฉันต้องการใช้ใน angular.js ดังนั้นฉันจึงสร้างตัวกรองโดยใช้รหัสของเขา

.filter('HHMMSS', ['$filter', function ($filter) {
    return function (input, decimals) {
        var sec_num = parseInt(input, 10),
            decimal = parseFloat(input) - sec_num,
            hours   = Math.floor(sec_num / 3600),
            minutes = Math.floor((sec_num - (hours * 3600)) / 60),
            seconds = sec_num - (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;
        if (decimals > 0) {
            time += '.' + $filter('number')(decimal, decimals).substr(2);
        }
        return time;
    };
}])

มันเหมือนกันกับการใช้งานยกเว้นว่าฉันเพิ่มในฟิลด์ทศนิยมที่เป็นตัวเลือกเพื่อแสดงวินาทีเศษส่วน ใช้เหมือนที่คุณต้องการกับตัวกรองอื่น ๆ :

{{ elapsedTime | HHMMSS }} แสดง: 01:23:45

{{ elapsedTime | HHMMSS : 3 }} แสดง: 01:23:45.678

ฉันคิดว่าประสิทธิภาพที่ชาญฉลาดนี่เป็นวิธีที่เร็วที่สุด:

var t = 34236; // your seconds
var time = ('0'+Math.floor(t/3600) % 24).slice(-2)+':'+('0'+Math.floor(t/60)%60).slice(-2)+':'+('0' + t % 60).slice(-2)
//would output: 09:30:36

function toHHMMSS(seconds) {
    var h, m, s, result='';
    // HOURs
    h = Math.floor(seconds/3600);
    seconds -= h*3600;
    if(h){
        result = h<10 ? '0'+h+':' : h+':';
    }
    // MINUTEs
    m = Math.floor(seconds/60);
    seconds -= m*60;
    result += m<10 ? '0'+m+':' : m+':';
    // SECONDs
    s=seconds%60;
    result += s<10 ? '0'+s : s;
    return result;
}

ตัวอย่าง

    toHHMMSS (111); 
    "01:51"

    toHHMMSS (4444);
    "01:14:04"

    toHHMMSS (33);
    "00:33"

นี่เป็นอีกเวอร์ชั่นหนึ่งซึ่งจัดการวันด้วย:

function FormatSecondsAsDurationString( seconds )
{
    var s = "";

    var days = Math.floor( ( seconds / 3600 ) / 24 );
    if ( days >= 1 )
    {
        s += days.toString() + " day" + ( ( days == 1 ) ? "" : "s" ) + " + ";
        seconds -= days * 24 * 3600;
    }

    var hours = Math.floor( seconds / 3600 );
    s += GetPaddedIntString( hours.toString(), 2 ) + ":";
    seconds -= hours * 3600;

    var minutes = Math.floor( seconds / 60 );
    s += GetPaddedIntString( minutes.toString(), 2 ) + ":";
    seconds -= minutes * 60;

    s += GetPaddedIntString( Math.floor( seconds ).toString(), 2 );

    return s;
}

function GetPaddedIntString( n, numDigits )
{
    var nPadded = n;
    for ( ; nPadded.length < numDigits ; )
    {
        nPadded = "0" + nPadded;
    }

    return nPadded;
}

นิพจน์ทั่วไปสามารถใช้เพื่อจับคู่สตริงย่อยเวลาในสตริงที่ส่งคืนจากtoString()เมธอดของวัตถุ Date ซึ่งจัดรูปแบบดังนี้: "Thu Jul 05 2012 02:45:12 GMT + 0100 (เวลาออมแสง GMT)" โปรดทราบว่าการแก้ปัญหานี้ใช้เวลาตั้งแต่ยุค: เที่ยงคืนของวันที่ 1 มกราคม 1970 การแก้ปัญหานี้อาจเป็นหนึ่งซับแม้ว่าการแยกมันขึ้นทำให้ง่ายต่อการเข้าใจ

function secondsToTime(seconds) {
    const start = new Date(1970, 1, 1, 0, 0, 0, 0).getTime();
    const end = new Date(1970, 1, 1, 0, 0, parseInt(seconds), 0).getTime();
    const duration = end - start;

    return new Date(duration).toString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1");
}

นี่เป็นวิธีที่ฉันทำ ดูเหมือนว่าจะทำงานได้ค่อนข้างดีและมีขนาดกะทัดรัดมาก (มันใช้ตัวดำเนินการประกอบไปด้วยจำนวนมาก)

function formatTime(seconds) {
  var hh = Math.floor(seconds / 3600),
    mm = Math.floor(seconds / 60) % 60,
    ss = Math.floor(seconds) % 60;
  return (hh ? (hh < 10 ? "0" : "") + hh + ":" : "") + ((mm < 10) && hh ? "0" : "") + mm + ":" + (ss < 10 ? "0" : "") + ss
}

... และสำหรับการจัดรูปแบบสตริง ...

String.prototype.toHHMMSS = function() {
  formatTime(parseInt(this, 10))
};

คุณสามารถใช้ฟังก์ชันต่อไปนี้เพื่อแปลงเวลา (เป็นวินาที) เพื่อจัดHH:MM:SSรูปแบบ:

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

การสาธิต

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

document.body.innerHTML = '<pre>' + JSON.stringify({
    5.3515555 : convertTime(5.3515555),
    126.2344452 : convertTime(126.2344452, '-'),
    1156.1535548 : convertTime(1156.1535548, '.'),
    9178.1351559 : convertTime(9178.1351559, ':'),
    13555.3515135 : convertTime(13555.3515135, ',')
}, null, '\t') +  '</pre>';

ดูซอนี้

มีวิธีการใหม่สำหรับสตริงในบล็อก: padStart

const str = '5';
str.padStart(2, '0'); // 05

นี่คือตัวอย่างการใช้งานตัวอย่าง: ระยะเวลาของ YouTube ใน 4 บรรทัดของ JavaScript

นี่คือสิ่งที่ฉันทำ

function timeFromSecs(seconds)
{
    return(
    Math.floor(seconds/86400)+'d :'+
    Math.floor(((seconds/86400)%1)*24)+'h : '+
    Math.floor(((seconds/3600)%1)*60)+'m : '+
    Math.round(((seconds/60)%1)*60)+'s');
}

timeFromSecs (22341938) จะส่งคืน '258d 14h 5m 38s'

โดยส่วนตัวฉันชอบหน่วยนำ (วันชั่วโมงนาที) โดยไม่มีศูนย์นำหน้า แต่วินาทีนั้นควรใช้เวลาเป็นนาที (0:13) การนำเสนอนี้ถือได้ว่าเป็น 'ระยะเวลา' โดยไม่มีคำอธิบายเพิ่มเติม (ทำเครื่องหมายเป็นขั้นต่ำวินาที ฯลฯ ) สามารถใช้งานได้ในภาษาต่างๆ (สากล)

    // returns  (-)d.h:mm:ss(.f)
    //          (-)h:mm:ss(.f)
    //          (-)m:ss(.f)
    function formatSeconds (value, fracDigits) {
        var isNegative = false;
        if (isNaN(value)) {
            return value;
        } else if (value < 0) {
            isNegative = true;
            value = Math.abs(value);
        }
        var days = Math.floor(value / 86400);
        value %= 86400;
        var hours = Math.floor(value / 3600);
        value %= 3600;
        var minutes = Math.floor(value / 60);
        var seconds = (value % 60).toFixed(fracDigits || 0);
        if (seconds < 10) {
            seconds = '0' + seconds;
        }

        var res = hours ? (hours + ':' + ('0' + minutes).slice(-2) + ':' + seconds) : (minutes + ':' + seconds);
        if (days) {
            res = days + '.' + res;
        }
        return (isNegative ? ('-' + res) : res);
    }

// การเลียนแบบการจัดรูปแบบระยะเวลาด้านเซิร์ฟเวอร์ (.net, C #) เช่น:

    public static string Format(this TimeSpan interval)
    {
        string pattern;
        if (interval.Days > 0)          pattern = @"d\.h\:mm\:ss";
        else if (interval.Hours > 0)    pattern = @"h\:mm\:ss";
        else                            pattern = @"m\:ss";
        return string.Format("{0}", interval.ToString(pattern));
    }

คุณสามารถใช้Momement.jsกับปลั๊กอินรูปแบบช่วงเวลา :

var seconds = 3820;
var duration = moment.duration(seconds, 'seconds');
var formatted = duration.format("hh:mm:ss");
console.log(formatted); // 01:03:40

<!-- Moment.js library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>

<!-- moment-duration-format plugin -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-duration-format/1.3.0/moment-duration-format.min.js"></script>

ดูซอนี้

const secondsToTime = (seconds, locale) => {
    const date = new Date(0);
    date.setHours(0, 0, seconds, 0);
    return date.toLocaleTimeString(locale);
}
console.log(secondsToTime(3610, "en"));

โดยที่พารามิเตอร์ locale ("en", "de" ฯลฯ ) เป็นตัวเลือก

secToHHMM(number: number) {
    debugger;
    let hours = Math.floor(number / 3600);
    let minutes = Math.floor((number - (hours * 3600)) / 60);
    let seconds = number - (hours * 3600) - (minutes * 60);
    let H, M, S;
    if (hours < 10) H = ("0" + hours);
    if (minutes < 10) M = ("0" + minutes);
    if (seconds < 10) S = ("0" + seconds);
    return (H || hours) + ':' + (M || minutes) + ':' + (S || seconds);
}

นี่คือหนึ่งบรรทัดอัปเดตสำหรับปี 2562:

//your date
var someDate = new Date("Wed Jun 26 2019 09:38:02 GMT+0100") 

var result = `${String(someDate.getHours()).padStart(2,"0")}:${String(someDate.getMinutes()).padStart(2,"0")}:${String(someDate.getSeconds()).padStart(2,"0")}`

//result will be "09:38:02"

นี่คือทางออกที่ค่อนข้างง่ายที่ปัดเศษเป็นวินาทีที่ใกล้ที่สุด!

var returnElapsedTime = function(epoch) {
  //We are assuming that the epoch is in seconds
  var hours = epoch / 3600,
      minutes = (hours % 1) * 60,
      seconds = (minutes % 1) * 60;
  return Math.floor(hours) + ":" + Math.floor(minutes) + ":" + Math.round(seconds);
}

นี่คือสิ่งที่ฉันเพิ่งเขียนสำหรับ MM: SS มันไม่ตรงกับคำถาม แต่เป็นรูปแบบหนึ่งซับที่แตกต่างกัน

const time = 60 * 2 + 35; // 2 minutes, 35 seconds
const str = (~~(time / 60) + "").padStart(2, '0') + ":" + (~~((time / 60) % 1 * 60) + "").padStart(2, '0');

str // 02:35

แก้ไข: เพิ่มเข้ามาเพื่อความหลากหลาย แต่ทางออกที่ดีที่สุดคือhttps://stackoverflow.com/a/25279399/639679ด้านล่าง