[javascript] hh : mm : ss 형식의 JavaScript를 초 단위로 시간 문자열

JAVASCRIPT / 글쓴이

지속 시간, 즉 초 수를 콜론으로 구분 된 시간 문자열 (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());

작업 스 니펫 :

코드 스 니펫 표시

답변

다음과 같이 JS Date 메소드를 사용하여 외부 JS 라이브러리 없이이 작업을 수행 할 수 있습니다.

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 객체에는 실제 날짜가 연결되어 있지만 해당 데이터는 관련이 없으므로 이러한 목적으로 걱정할 필요가 없습니다.)

답변

구글 검색 결과는 다음과 같습니다.

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