工作原理

Question

如何使用JavaScript将秒转换为HH-MM-SS字符串？

Answer 1

您可以使用JavaScript Date方法在没有任何外部JavaScript库的情况下执行此操作，如下所示：

var date = new Date(null);
date.setSeconds(SECONDS); // specify value for SECONDS here
var result = date.toISOString().substr(11, 8);

或者，根据@Frank的评论;一个班轮：

new Date(SECONDS * 1000).toISOString().substr(11, 8);

Answer 2

我认为标准Date对象的任何内置功能都不会以比自己做数学更方便的方式为您执行此操作。

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

示例：

let totalSeconds = 28565;
let hours = Math.floor(totalSeconds / 3600);
totalSeconds %= 3600;
let minutes = Math.floor(totalSeconds / 60);
let seconds = totalSeconds % 60;

console.log("hours: " + hours);
console.log("minutes: " + minutes);
console.log("seconds: " + seconds);

// If you want strings with leading zeroes:
minutes = String(minutes).padStart(2, "0");
hours = String(hours).padStart(2, "0");
seconds = String(seconds).padStart(2, "0");
console.log(hours + ":" + minutes + ":" + seconds);

Answer 3

你不知道datejs吗？这是必须知道的。

使用datejs，只需写下：

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

- 更新

现在date.js已经过时而没有维护，所以使用“Moment.js”，正如T.J所指出的要好得多。克劳德。

Answer 4

正如Cleiton在his answer中指出的那样，moment.js可用于此：

moment().startOf('day')
        .seconds(15457)
        .format('H:mm:ss');

Answer 5

我知道这有点老了，但是......

ES2015：

var toHHMMSS = (secs) => {
    var sec_num = parseInt(secs, 10)    
    var hours   = Math.floor(sec_num / 3600) % 24
    var minutes = Math.floor(sec_num / 60) % 60
    var seconds = sec_num % 60    
    return [hours,minutes,seconds]
        .map(v => v < 10 ? "0" + v : v)
        .filter((v,i) => v !== "00" || i > 0)
        .join(":")
}

将输出：

toHHMMSS(13545) // 03:45:45
toHHMMSS(180) // 03:00
toHHMMSS(18) // 00:18

Answer 6

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

Answer 7

这就是诀窍：

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

（来自here）

Answer 8

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

我们可以使这个功能更短更清晰，但这会降低可读性，因此我们将尽可能简单地编写并尽可能稳定。

或者您可以查看此工作here：

Answer 9

试试这个：

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

Answer 10

这是Number类的扩展。 toHHMMSS（）将秒转换为hh：mm：ss字符串。

＆＃13;

(?:@|#)(\w+)\b

＆＃13;

Number.prototype.toHHMMSS = function() {
  var hours = Math.floor(this / 3600) < 10 ? ("00" + Math.floor(this / 3600)).slice(-2) : Math.floor(this / 3600);
  var minutes = ("00" + Math.floor((this % 3600) / 60)).slice(-2);
  var seconds = ("00" + (this % 3600) % 60).slice(-2);
  return hours + ":" + minutes + ":" + seconds;
}

// Usage: [number variable].toHHMMSS();

// Here is a simple test
var totalseconds = 1234;
document.getElementById("timespan").innerHTML = totalseconds.toHHMMSS();

＆＃13;

Answer 11

易于遵循noobies的版本：

 var totalNumberOfSeconds = YOURNUMBEROFSECONDS;
 var hours = parseInt( totalNumberOfSeconds / 3600 );
 var minutes = parseInt( (totalNumberOfSeconds - (hours * 3600)) / 60 );
 var seconds = Math.floor((totalNumberOfSeconds - ((hours * 3600) + (minutes * 60))));
 var result = (hours < 10 ? "0" + hours : hours) + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds  < 10 ? "0" + seconds : seconds);
 console.log(result);

Answer 12

下面是给定的代码，它将秒转换为hh-mm-ss格式：

var measuredTime = new Date(null);
measuredTime.setSeconds(4995); // specify value of SECONDS
var MHSTime = measuredTime.toISOString().substr(11, 8);

从Convert seconds to HH-MM-SS format in JavaScript

获取替代方法

Answer 13

参与这个旧线程 - OP表示HH：MM：SS，并且许多解决方案都有效，直到您意识到需要超过24小时列出。也许你不想要多行代码。你走了：

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

返回H +：MM：SS。要使用它，只需使用：

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

...我试图让它使用尽可能少的代码，以获得一个很好的单线方法。

Answer 14

此功能应该这样做：

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

另见this Fiddle。

Answer 15

您是否尝试过向Date对象添加秒数？

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

样本： https://jsfiddle.net/j5g2p0dc/5/

更新：示例链接丢失，因此我创建了一个新链接。

Answer 16

我只想对上面的好答案给出一点解释：

var totalSec = new Date().getTime() / 1000;
var hours = parseInt( totalSec / 3600 ) % 24;
var minutes = parseInt( totalSec / 60 ) % 60;
var seconds = totalSec % 60;

var result = (hours < 10 ? "0" + hours : hours) + "-" + (minutes < 10 ? "0" + minutes : minutes) + "-" + (seconds  < 10 ? "0" + seconds : seconds);

在第二行，由于1小时内有3600秒，我们将总秒数除以3600以获得总小时数。我们使用parseInt去除任何小数。如果totalSec是12600（3个半小时），那么parseInt（totalSec / 3600）将返回3，因为我们将有3个小时。在这种情况下，为什么我们需要％24？如果我们超过24小时，让我们说我们有25小时（90000秒），那么这里的模数将再次回到1，而不是返回25.它将结果限制在24小时限制内，因为一天24小时。

当你看到这样的事情时：

25 % 24

这样想：

25 mod 24 or what is the remainder when we divide 25 by 24

Answer 17

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

Answer 18

在查看了所有答案并且对大多数答案都不满意之后，这就是我想出来的。我知道我的谈话已经很晚了，但无论如何它都在这里。

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

我创建一个新的Date对象，将时间更改为我的参数，将Date对象转换为时间字符串，并通过拆分字符串并仅返回需要的部分来删除其他内容。

我以为我会分享这种方法，因为它不需要正则表达式，逻辑和数学杂技来获得结果＆＃34; HH：mm：ss＆＃34;格式，而是依赖于内置方法。

您可以在此处查看文档：{{3}}

Answer 19

var sec_to_hms = function(sec){
var min, hours;
     sec = sec - (min = Math.floor(sec/60))*60;
     min = min - (hours = Math.floor(min/60))*60;
     return (hours?hours+':':'') + ((min+'').padStart(2, '0')) + ':'+ ((sec+'').padStart(2, '0'));
}
alert(sec_to_hms(2442542));

Answer 20

在一行中，使用T.J.克劳德的解决方案：

secToHHMMSS = seconds => `${Math.floor(seconds / 3600)}:${Math.floor((seconds % 3600) / 60)}:${Math.floor((seconds % 3600) % 60)}`

在一行中，另一个也算上几天的解决方案：

secToDHHMMSS = seconds => `${parseInt(seconds / 86400)}d ${new Date(seconds * 1000).toISOString().substr(11, 8)}`

来源：https://gist.github.com/martinbean/2bf88c446be8048814cf02b2641ba276

Answer 21

有很多选项可以解决这个问题，很明显有很好的选择建议，但我想在这里添加一个更优化的代码

function formatSeconds(sec) {
     return [(sec / 3600), ((sec % 3600) / 60), ((sec % 3600) % 60)]
            .map(v => v < 10 ? "0" + parseInt(v) : parseInt(v))
            .filter((i, j) => i !== "00" || j > 0)
            .join(":");
}

如果您不希望格式化为零且数字少于10，则可以使用

function formatSeconds(sec) {
  return parseInt(sec / 3600) + ':' + parseInt((sec % 3600) / 60) + ':' + parseInt((sec % 3600) % 60);

}

示例代码http://fiddly.org/1c476/1

Answer 22

这是一个根据powtac的回答here

将秒转换为hh-mm-ss格式的功能

jsfiddle

/** 
 * Convert seconds to hh-mm-ss format.
 * @param {number} totalSeconds - the total seconds to convert to hh- mm-ss
**/
var SecondsTohhmmss = function(totalSeconds) {
  var hours   = Math.floor(totalSeconds / 3600);
  var minutes = Math.floor((totalSeconds - (hours * 3600)) / 60);
  var seconds = totalSeconds - (hours * 3600) - (minutes * 60);

  // round seconds
  seconds = Math.round(seconds * 100) / 100

  var result = (hours < 10 ? "0" + hours : hours);
      result += "-" + (minutes < 10 ? "0" + minutes : minutes);
      result += "-" + (seconds  < 10 ? "0" + seconds : seconds);
  return result;
}

使用示例

var seconds = SecondsTohhmmss(70);
console.log(seconds);
// logs 00-01-10

Answer 23

对于使用AngularJS的任何人来说，一个简单的解决方案是使用date API过滤值，该值根据请求的格式将毫秒转换为字符串。例如：

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

请注意，这需要毫秒，因此如果您从秒转换（因为原始问题已经制定），您可能希望将timeRemaining乘以1000（。

Answer 24

您还可以使用以下代码：

int ss = nDur%60;
nDur   = nDur/60;
int mm = nDur%60;
int hh = nDur/60;

Answer 25

我遇到了有人提到秒数超过一天的情况。这是@Harish Anchu评分最高的答案的改编版，它占了更长的时间：

function secondsToTime(seconds) {
  const arr = new Date(seconds * 1000).toISOString().substr(11, 8).split(':');

  const days = Math.floor(seconds / 86400);
  arr[0] = parseInt(arr[0], 10) + days * 24;

  return arr.join(':');
}

示例：

secondsToTime(101596) // outputs '28:13:16' as opposed to '04:13:16'

Answer 26

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("186".toHHMMSS());

Answer 27

我认为最通用（和神秘）的解决方案可能是这个

function hms(seconds) {
  return [3600, 60]
    .reduceRight(
      (pipeline, breakpoint) => remainder =>
        [Math.floor(remainder / breakpoint)].concat(pipeline(remainder % breakpoint)),
      r => [r]
    )(seconds)
    .map(amount => amount.toString().padStart(2, '0'))
    .join('-');
}

或者复制粘贴最短的版本

function hms(seconds) {
  return [3600, 60]
    .reduceRight(
      (p, b) => r => [Math.floor(r / b)].concat(p(r % b)),
      r => [r]
    )(seconds)
    .map(a => a.toString().padStart(2, '0'))
    .join('-');
}

一些示例输出：

> hms(0)
< "00-00-00"

> hms(5)
< "00-00-05"

> hms(60)
< "00-01-00"

> hms(3785)
< "01-03-05"

> hms(37850)
< "10-30-50"

> hms(378500)
< "105-08-20"

工作原理

算法

要获得小时数，请将总秒数除以 3600 并将其取舍。
要获得分钟数，请将剩余时间除以 60 并将其取下。
要获得秒数，您只需使用余数即可。

将单个金额保存在一个数组中以便于格式化也很好。

例如，输入 3785 秒，输出应为 [1, 3, 5]，即 1 小时 3 分 5 秒。

创建管道

将 3600 和 60 常量命名为“断点”，您可以将此算法写入函数中

function divideAndAppend(remainder, breakpoint, callback) {
  return [Math.floor(remainder / breakpoint)].concat(callback(remainder % breakpoint));
}

它返回一个数组，其中第一项是给定断点的数量，数组的其余部分由回调给出。在回调函数中重用 divideAndAppend 将为您提供组合 divideAndAppend 函数的管道。这些每一个计算每个给定断点的数量并将其附加到数组中，以生成所需的输出。

然后您还需要结束此管道的“最终”回调。换句话说，您使用了所有断点，现在您只有剩余的断点。由于您已经在 3) 处得到了答案，因此您应该使用某种恒等函数，在本例中为 remainder => [remainder]。

您现在可以像这样编写管道

let pipeline = r3 => divideAndAppend(
    r3, 
    3600, 
    r2 => divideAndAppend(
        r2, 
        60, 
        r1 => [r1]));

> pipeline(3785)
< [1, 3, 5]

很酷吧？

使用 for 循环进行泛化

现在您可以使用可变数量的断点进行概括并创建一个 for 循环，该循环将单个 divideAndAppend 函数组合成管道。您从标识函数 r1 => [r1] 开始，然后使用 60 断点，最后使用 3600 断点。

let breakpoints = [60, 3600];
let pipeline = r => [r];

for (const b of breakpoints) {
  const previousPipeline = pipeline;
  pipeline = r => divideAndAppend(r, b, previousPipeline);
}

> pipeline(3785)
< [1, 3, 5]

使用 `Array.prototype.reduce()`

现在您可以将此 for 循环重写为 reducer，以获得更短、更实用的代码。换句话说，将函数组合重写为 reducer。

let pipeline = [60, 3600].reduce(
  (ppln, b) => r => divideAndAppend(r, b, ppln),
  r => [r]
);

> pipeline(3785)
< [1, 3, 5]

累加器 ppln 是管道，您正在使用它的先前版本进行组合。初始管道是 r => [r]。

您现在可以内联函数 divideAndAppend 并使用与 Array.prototype.reduceRight 相同的 [].reverse().reduce(...) 来制作断点定义更自然。

let pipeline = [3600, 60]
    .reduceRight(
      (ppln, b) => r => [Math.floor(r / b)].concat(ppln(r % b)),
      r => [r]
    );

这是最终的形式。然后，您只需将映射应用到左侧填充 0 的字符串，并使用 : 分隔符连接字符串；

更多概括

将reducer包装成函数

function decompose(total, breakpoints) {
  return breakpoints.reduceRight(
    (p, b) => r => [Math.floor(r / b)].concat(p(r % b)),
    r => [r]
  )(total);
}

> decompose(3785, [3600, 60])
< [1, 3, 5]

您现在拥有可以使用的非常通用的算法。例如：

轻松转换（奇怪的）美国长度标准

给定标准

<头>

单位	部门
1 英尺	12 英寸
1码	3 英尺
1 英里	1760 码

> decompose(123_456, [1760 * 3 * 12, 3 * 12, 12])
< [1, 1669, 1, 0]

123456 英寸 = 1 英里、1669 码、1 英尺和 0 英寸

或者您可以稍微转换为十进制或二进制表示

> decompose(123_456, [100_000, 10_000, 1000, 100, 10])
< [1, 2, 3, 4, 5, 6]

> decompose(127, [128, 64, 32, 16, 8, 4, 2])
< [0, 1, 1, 1, 1, 1, 1, 1]

也适用于浮点断点

由于 Javascript 支持 mod 带浮点数的运算符，因此您也可以这样做

> decompose(26.5, [20, 2.5])
< [1, 2, 1.5]

无断点的边缘情况也自然覆盖

> decompose(123, [])
< [123]

Answer 28

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

结果15:08:03

Answer 29

我之前使用过这段代码来创建一个简单的时间跨度对象：

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

Answer 30

也许是这样的：

var Convert = function (time) {
    const HOUR = 60 * 60;
    const MINUTE = 60;

    var minutesInSeconds = time % HOUR;
    var hours = Math.floor(time / HOUR);
    var minutes = Math.floor(minutesInSeconds / MINUTE)
    var seconds = minutesInSeconds % MINUTE;

    return hours.padStart(2, 0) + ':' + minutes.padStart(2, 0) + ':' + seconds.padStart(2, 0);
}

Answer 31

这里的答案都不能满足我的要求，因为我希望能够处理

秒数（天），和
负数

尽管OP并不需要这些，但是覆盖一些极端情况是一个好习惯，尤其是在不费吹灰之力的情况下。

非常明显的是，当他说 seconds 时，OP意味着NUMBER秒。为什么要在String上固定您的功能？

function secondsToTimeSpan(seconds) {
    const value = Math.abs(seconds);
    const days = Math.floor(value / 1440);
    const hours = Math.floor((value - (days * 1440)) / 3600);
    const min = Math.floor((value - (days * 1440) - (hours * 3600)) / 60);
    const sec = value - (days * 1440) - (hours * 3600) - (min * 60);
    return `${seconds < 0 ? '-':''}${days > 0 ? days + '.':''}${hours < 10 ? '0' + hours:hours}:${min < 10 ? '0' + min:min}:${sec < 10 ? '0' + sec:sec}`
}
secondsToTimeSpan(0);       // => 00:00:00
secondsToTimeSpan(1);       // => 00:00:01
secondsToTimeSpan(1440);    // => 1.00:00:00
secondsToTimeSpan(-1440);   // => -1.00:00:00
secondsToTimeSpan(-1);      // => -00:00:01

Answer 32

对于FFMPEG用于指定毫秒的 HH：MM：SS.MS （eq：“ 00：04：33.637”）的特殊情况>。

[-] [HH：] MM：SS [.m ...]

HH表示小时数，MM表示分钟数   最多2位数字，SS最多2秒   数字。末尾的m表示SS的十进制值。

/* HH:MM:SS.MS to (FLOAT)seconds ---------------*/
function timerToSec(timer){
   let vtimer = timer.split(":")
   let vhours = +vtimer[0]
   let vminutes = +vtimer[1]
   let vseconds = parseFloat(vtimer[2])
   return vhours * 3600 + vminutes * 60 + vseconds
}

/* Seconds to (STRING)HH:MM:SS.MS -----------------------*/
function secToTimer(sec){
  let o = new Date(0)
  let p =  new Date(sec*1000)  
  return new Date(p.getTime()-o.getTime()).toString().split(" ")[4] + "." + p.getMilliseconds()
}


/* Example: 7hours, 4 minutes, 33 seconds and 637 milliseconds */
console.log(
  timerToSec("07:04:33.637")
)

/* Test: 25473 seconds and 637 milliseconds */
console.log(
  secToTimer(25473.637)
)

示例用法，毫秒传输计时器：

/* Seconds to (STRING)HH:MM:SS.MS -----------------------*/
function secToTimer(sec){
  let o = new Date(0)
  let p =  new Date(sec * 1000)  
  return new Date(p.getTime()-o.getTime()).toString().split(" ")[4] + "." + p.getMilliseconds()
}


let job, origin = new Date().getTime()
const timer = () => {
  job = requestAnimationFrame(timer)
  OUT.textContent = secToTimer((new Date().getTime() - origin) / 1000)
}

requestAnimationFrame(timer)

span {font-size:4rem}

<span id="OUT"></span>
<br>
<button onclick="origin = new Date().getTime()">RESET</button>
<button onclick="requestAnimationFrame(timer)">RESTART</button>
<button onclick="cancelAnimationFrame(job)">STOP</button>

用法示例，已绑定到媒体元素

/* Seconds to (STRING)HH:MM:SS.MS -----------------------*/
function secToTimer(sec){
  let o = new Date(0)
  let p =  new Date(sec*1000)  
  return new Date(p.getTime()-o.getTime()).toString().split(" ")[4] + "." + p.getMilliseconds()
}

VIDEO.addEventListener("timeupdate",function(e){
  OUT.textContent = secToTimer(e.target.currentTime)
},false)

span {font-size:4rem}

<span id="OUT"></span><br>
<video id="VIDEO" width="400" controls autoplay>
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>

Answer 33

将秒转换为 hh:mm:ss 格式的简单函数：

function getHHMMSSFromSeconds(totalSeconds) {
    if (!totalSeconds) {
      return '00:00:00';
    }
    const hours = Math.floor(totalSeconds / 3600);
    const minutes = Math.floor(totalSeconds % 3600 / 60);
    const seconds = totalSeconds % 60;
    const hhmmss = padTo2(hours) + ':' + padTo2(minutes) + ':' + padTo2(seconds);
    return hhmmss;
}

// function to convert single digit to double digit
function padTo2(value) {
    if (!value) {
      return '00';
    }
    return value < 10 ? String(value).padStart(2, '0') : value;
}

Answer 34

使用momentjs进行单点计算

var number = 10000(milliseconds); 
var momentObject = moment.duration(number);  

var output =  momentObject.hours()+"HH"+momentObject.minutes()+"MM"+minuteObject.seconds()+"S"

Answer 35

您也可以使用Sugar。

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

此示例返回'03：00'。

使用JavaScript将秒转换为HH-MM-SS？

35 个答案:

工作原理

算法

创建管道

使用 for 循环进行泛化

使用 `Array.prototype.reduce()`

更多概括

轻松转换（奇怪的）美国长度标准

或者您可以稍微转换为十进制或二进制表示

也适用于浮点断点

无断点的边缘情况也自然覆盖

使用JavaScript将秒转换为HH-MM-SS？

35 个答案:

工作原理

算法

创建管道

使用 for 循环进行泛化

使用 Array.prototype.reduce()

更多概括

轻松转换（奇怪的）美国长度标准

或者您可以稍微转换为十进制或二进制表示

也适用于浮点断点

无断点的边缘情况也自然覆盖

使用 `Array.prototype.reduce()`