I want to convert a duration of time, i.e., number of seconds to colon-separated time string (hh:mm:ss)
我想转换一段时间,即。,以秒为单位的秒数(hh:mm:ss)
I found some useful answers here but they all talk about converting to x hours and x minutes format.
我在这里找到了一些有用的答案,但是他们都在讨论转换到x小时和x分钟格式。
So is there a tiny snippet that does this in jQuery or just raw JavaScript?
那么,在jQuery中有一个小的代码片段,或者仅仅是原始的JavaScript代码?
38 个解决方案
#1
452
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;
}
You can use it now like:
你现在可以使用它:
alert("5678".toHHMMSS());
#2
76
You can manage to do this without any external JS library with the help of JS Date method like following:
您可以在JS日期方法的帮助下,在没有任何外部JS库的情况下做到这一点:
var date = new Date(null);
date.setSeconds(SECONDS); // specify value for SECONDS here
date.toISOString().substr(11, 8);
#3
66
To get the time part in the format hh:MM:ss
, you can use this regular expression:
要得到时间部分的格式hh:MM:ss,你可以使用这个正则表达式:
var myDate = new Date().toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1");
(This was mentioned above in same post by someone, thanks for that.)
(在同一篇文章中,有人提到过这一点,谢谢。)
#4
44
I recommend ordinary javascript, using the Date object:
我推荐使用普通javascript,使用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);
(Of course, the Date object created will have an actual date associated with it, but that data is extraneous, so for these purposes, you don't have to worry about it.)
(当然,创建的Date对象将有一个与之相关的实际日期,但是这些数据是无关的,所以出于这些目的,您不必担心它。)
#5
33
A Google search turned up this result:
谷歌搜索结果显示:
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;
}
#6
27
Variation on a theme. Handles single digit seconds a little differently
主题的变化。以不同的方式处理单个数字秒。
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;
}
#7
11
I like the first answer. Some optimizations for him:
我喜欢第一个答案。给他一些优化:
- source data is a number, there is no need to recalculate.
- 源数据是一个数字,不需要重新计算。
- much excess computing
- 太多额外的计算
Result code:
结果代码:
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;
}
#8
11
Using the amazing moment.js library:
用神奇的时刻。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);
}
This allows you to specify any duration be it hours, minutes, seconds, mills, and returns a human readable version.
这允许您指定任何持续时间为小时、分钟、秒、mills,并返回一个人可读的版本。
#9
9
Here is a modern ES6 version:
这是一个现代的ES6版本:
function formatTime(seconds: number) {
const h = Math.floor(seconds / 3600);
const m = Math.floor((seconds % 3600) / 60);
const s = seconds % 60;
return [
h,
m > 9 ? m : (h ? '0' + m : m || '0'),
s > 9 ? s : '0' + s,
].filter(a => a).join(':');
}
Expected results:
预期结果:
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');
#10
8
new Date().toString().split(" ")[4];
新的日期().toString()。分割(" ")[4];
result 15:08:03
结果15:08:03
#11
8
It's pretty easy,
它很简单,
function toTimeString(seconds) {
return (new Date(seconds * 1000)).toUTCString().match(/(\d\d:\d\d:\d\d)/)[0];
}
#12
7
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);
result:
结果:
1d 10h 17m 36s
#13
5
I loved Powtac's answer, but I wanted to use it in Angular, so I created a filter using his code.
我喜欢Powtac的答案,但我想用它的角度,所以我用他的代码创建了一个过滤器。
.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;
};
}])
It's functionally identical, except that I added in an optional decimals field to display fractional seconds. Use it like you would any other filter:
它在功能上是相同的,只是我添加了一个可选的小数字段来显示分数秒。就像其他过滤器一样使用它:
{{ elapsedTime | HHMMSS }}
displays: 01:23:45
{{elapsedTime | HHMMSS}显示:01:23 . 45。
{{ elapsedTime | HHMMSS : 3 }}
displays: 01:23:45.678
{{elapsedTime | HHMMSS: 3}显示:01:23:45.678。
#14
5
I liked Webjins answer the most, so i extended it to display days with a d suffix, made display conditional and included a s suffix on plain seconds:
我最喜欢的是Webjins,所以我把它扩展到显示d后缀的日子,显示条件,并在普通的秒内包含一个s后缀:
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');
}
returns "3d 16:32:12" or "16:32:12" or "32:12" or "12s"
返回“3d 16:32:12”或“16:32:12”或“32:12”或“12秒”
#15
5
function formatTime(seconds) {
return [
parseInt(seconds / 60 / 60),
parseInt(seconds / 60 % 60),
parseInt(seconds % 60)
]
.join(":")
.replace(/\b(\d)\b/g, "0$1")
}
#16
3
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;
}
Examples
例子
toHHMMSS(111); "01:51" toHHMMSS(4444); "01:14:04" toHHMMSS(33); "00:33"
#17
2
A regular expression can be used to match the time substring in the string returned from the toString()
method of the Date object, which is formatted as follows: "Thu Jul 05 2012 02:45:12 GMT+0100 (GMT Daylight Time)". Note that this solution uses the time since the epoch: midnight of January 1, 1970. This solution can be a one-liner, though splitting it up makes it much easier to understand.
一个正则表达式可用于匹配从toString()方法返回的字符串中的时间子字符串,该方法的格式如下:“Thu Jul 05 2012 02:45:12 GMT+0100 (GMT夏令时)”。请注意,这个解决方案使用了自1970年1月1日午夜以来的时间。这个解决方案可以是一个一行程序,尽管分割它使它更容易理解。
function secondsToTime(seconds) {
var start = new Date(1970, 1, 1, 0, 0, 0, 0).getTime();
var end = new Date(1970, 1, 1, 0, 0, parseInt(seconds), 0).getTime();
var duration = end - start;
return new Date(duration).toString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1");
}
#18
2
Here is yet another version, which handles days also:
这是另一个版本,它处理的天数也是:
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;
}
#19
1
I think performance wise this is by far the fastest:
我认为这是迄今为止最快的表现:
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
#20
1
Here's how I did it. It seems to work fairly well, and it's extremely compact. (It uses a lot of ternary operators, though)
我是这么做的。它似乎运行得相当好,而且非常紧凑。(不过它使用了很多三元运算符)
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
}
...and for formatting strings...
…和格式化字符串…
String.prototype.toHHMMSS = function() {
formatTime(parseInt(this, 10))
};
#21
1
I'm personally prefer the leading unit (days, hours, minutes) without leading zeros. But seconds should always be leaded by minutes (0:13), this presentation is easily considered as 'duration', without further explanation (marking as min, sec(s), etc.), usable in various languages (internationalization).
我个人更喜欢领先的单位(天,小时,分钟),而没有前导零。但是,时间应该总是以分钟为单位(0:13),这个演示很容易被认为是“持续时间”,没有进一步的解释(标记为min, sec(s)等),可用在各种语言(国际化)中。
// 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);
}
//imitating the server side (.net, C#) duration formatting like:
//模仿服务器端(.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));
}
#22
1
You can use Momement.js with moment-duration-format plugin:
您可以使用Momement。js moment-duration-format插件:
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>
See also this Fiddle
看到这个小提琴
#23
1
There's a new method for strings on the block: padStart
在块上有一种新的字符串方法:padStart。
const str = '5';
str.padStart(2, '0'); // 05
Here is a sample use case: YouTube durations in 4 lines of JavaScript
这里有一个示例用例:4行JavaScript的YouTube持续时间。
#24
1
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);
}
#25
0
This is how i did it
我就是这么做的。
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) will return '258d 14h 5m 38s'
《时代》杂志(22341938)将返回258d 14h5m 38s
#26
0
I'd upvote artem's answer, but I am a new poster. I did expand on his solution, though not what the OP asked for as follows
我支持artem的答案,但我是一个新的海报。我确实扩展了他的解决方案,虽然不是OP要求的如下。
t=(new Date()).toString().split(" ");
timestring = (t[2]+t[1]+' <b>'+t[4]+'</b> '+t[6][1]+t[7][0]+t[8][0]);
To get
得到
04Oct 16:31:28 PDT
04年10月16:31:28 PDT
This works for me...
这适合我…
But if you are starting with just a time quantity, I use two functions; one to format and pad, and one to calculate:
但是如果你从一个时间量开始,我用两个函数;一是格式和垫,一是计算:
function sec2hms(timect){
if(timect=== undefined||timect==0||timect === null){return ''};
//timect is seconds, NOT milliseconds
var se=timect % 60; //the remainder after div by 60
timect = Math.floor(timect/60);
var mi=timect % 60; //the remainder after div by 60
timect = Math.floor(timect/60);
var hr = timect % 24; //the remainder after div by 24
var dy = Math.floor(timect/24);
return padify (se, mi, hr, dy);
}
function padify (se, mi, hr, dy){
hr = hr<10?"0"+hr:hr;
mi = mi<10?"0"+mi:mi;
se = se<10?"0"+se:se;
dy = dy>0?dy+"d ":"";
return dy+hr+":"+mi+":"+se;
}
#27
0
If you know the number of seconds you have, this will work. It also uses the native Date() object.
如果你知道你拥有的秒数,这就可以。它还使用本机日期()对象。
function formattime(numberofseconds){
var zero = '0', hours, minutes, seconds, time;
time = new Date(0, 0, 0, 0, 0, numberofseconds, 0);
hh = time.getHours();
mm = time.getMinutes();
ss = time.getSeconds()
// Pad zero values to 00
hh = (zero+hh).slice(-2);
mm = (zero+mm).slice(-2);
ss = (zero+ss).slice(-2);
time = hh + ':' + mm + ':' + ss;
return time;
}
#28
0
Non-prototype version of toHHMMSS:
Non-prototype toHHMMSS版本:
function toHHMMSS(seconds) {
var sec_num = parseInt(seconds);
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;}
var time = hours+':'+minutes+':'+seconds;
return time;
}
#29
0
Here is my vision of solution. You can try my snippet below.
这是我的解决方案。您可以试试下面的代码片段。
function secToHHMM(sec) {
var d = new Date();
d.setHours(0);
d.setMinutes(0);
d.setSeconds(0);
d = new Date(d.getTime() + sec*1000);
return d.toLocaleString('en-GB').split(' ')[1];
};
alert( 'One hour: ' + secToHHMM(60*60) ); // '01:00:00'
alert( 'One hour five minutes: ' + secToHHMM(60*60 + 5*60) ); // '01:05:00'
alert( 'One hour five minutes 23 seconds: ' + secToHHMM(60*60 + 5*60 + 23) ); // '01:05:23'
#30
0
This version of the accepted answer makes it a bit prettier if you are dealing with video lengths for example:
如果你正在处理视频长度的问题,这个被接受的答案会让你看起来更漂亮。
1:37:40 (1 hour / 37 minutes / 40 seconds)
1:37:40(1小时/ 37分/ 40秒)
1:00 (1 minute)
一点(1分钟)
2:20 (2 minutes and 20 seconds)
2:20(2分20秒)
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);
var hourSeparator = ':';
var minuteSeparator = ':';
if(hours == 0){hours = '';hourSeparator = '';}
if (minutes < 10 && hours != 0) {minutes = "0"+minutes;}
if (seconds < 10) {seconds = "0"+seconds;}
var time = hours+hourSeparator+minutes+minuteSeparator+seconds;
return time;
}
#1
452
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;
}
You can use it now like:
你现在可以使用它:
alert("5678".toHHMMSS());
#2
76
You can manage to do this without any external JS library with the help of JS Date method like following:
您可以在JS日期方法的帮助下,在没有任何外部JS库的情况下做到这一点:
var date = new Date(null);
date.setSeconds(SECONDS); // specify value for SECONDS here
date.toISOString().substr(11, 8);
#3
66
To get the time part in the format hh:MM:ss
, you can use this regular expression:
要得到时间部分的格式hh:MM:ss,你可以使用这个正则表达式:
var myDate = new Date().toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1");
(This was mentioned above in same post by someone, thanks for that.)
(在同一篇文章中,有人提到过这一点,谢谢。)
#4
44
I recommend ordinary javascript, using the Date object:
我推荐使用普通javascript,使用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);
(Of course, the Date object created will have an actual date associated with it, but that data is extraneous, so for these purposes, you don't have to worry about it.)
(当然,创建的Date对象将有一个与之相关的实际日期,但是这些数据是无关的,所以出于这些目的,您不必担心它。)
#5
33
A Google search turned up this result:
谷歌搜索结果显示:
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;
}
#6
27
Variation on a theme. Handles single digit seconds a little differently
主题的变化。以不同的方式处理单个数字秒。
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;
}
#7
11
I like the first answer. Some optimizations for him:
我喜欢第一个答案。给他一些优化:
- source data is a number, there is no need to recalculate.
- 源数据是一个数字,不需要重新计算。
- much excess computing
- 太多额外的计算
Result code:
结果代码:
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;
}
#8
11
Using the amazing moment.js library:
用神奇的时刻。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);
}
This allows you to specify any duration be it hours, minutes, seconds, mills, and returns a human readable version.
这允许您指定任何持续时间为小时、分钟、秒、mills,并返回一个人可读的版本。
#9
9
Here is a modern ES6 version:
这是一个现代的ES6版本:
function formatTime(seconds: number) {
const h = Math.floor(seconds / 3600);
const m = Math.floor((seconds % 3600) / 60);
const s = seconds % 60;
return [
h,
m > 9 ? m : (h ? '0' + m : m || '0'),
s > 9 ? s : '0' + s,
].filter(a => a).join(':');
}
Expected results:
预期结果:
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');
#10
8
new Date().toString().split(" ")[4];
新的日期().toString()。分割(" ")[4];
result 15:08:03
结果15:08:03
#11
8
It's pretty easy,
它很简单,
function toTimeString(seconds) {
return (new Date(seconds * 1000)).toUTCString().match(/(\d\d:\d\d:\d\d)/)[0];
}
#12
7
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);
result:
结果:
1d 10h 17m 36s
#13
5
I loved Powtac's answer, but I wanted to use it in Angular, so I created a filter using his code.
我喜欢Powtac的答案,但我想用它的角度,所以我用他的代码创建了一个过滤器。
.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;
};
}])
It's functionally identical, except that I added in an optional decimals field to display fractional seconds. Use it like you would any other filter:
它在功能上是相同的,只是我添加了一个可选的小数字段来显示分数秒。就像其他过滤器一样使用它:
{{ elapsedTime | HHMMSS }}
displays: 01:23:45
{{elapsedTime | HHMMSS}显示:01:23 . 45。
{{ elapsedTime | HHMMSS : 3 }}
displays: 01:23:45.678
{{elapsedTime | HHMMSS: 3}显示:01:23:45.678。
#14
5
I liked Webjins answer the most, so i extended it to display days with a d suffix, made display conditional and included a s suffix on plain seconds:
我最喜欢的是Webjins,所以我把它扩展到显示d后缀的日子,显示条件,并在普通的秒内包含一个s后缀:
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');
}
returns "3d 16:32:12" or "16:32:12" or "32:12" or "12s"
返回“3d 16:32:12”或“16:32:12”或“32:12”或“12秒”
#15
5
function formatTime(seconds) {
return [
parseInt(seconds / 60 / 60),
parseInt(seconds / 60 % 60),
parseInt(seconds % 60)
]
.join(":")
.replace(/\b(\d)\b/g, "0$1")
}
#16
3
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;
}
Examples
例子
toHHMMSS(111); "01:51" toHHMMSS(4444); "01:14:04" toHHMMSS(33); "00:33"
#17
2
A regular expression can be used to match the time substring in the string returned from the toString()
method of the Date object, which is formatted as follows: "Thu Jul 05 2012 02:45:12 GMT+0100 (GMT Daylight Time)". Note that this solution uses the time since the epoch: midnight of January 1, 1970. This solution can be a one-liner, though splitting it up makes it much easier to understand.
一个正则表达式可用于匹配从toString()方法返回的字符串中的时间子字符串,该方法的格式如下:“Thu Jul 05 2012 02:45:12 GMT+0100 (GMT夏令时)”。请注意,这个解决方案使用了自1970年1月1日午夜以来的时间。这个解决方案可以是一个一行程序,尽管分割它使它更容易理解。
function secondsToTime(seconds) {
var start = new Date(1970, 1, 1, 0, 0, 0, 0).getTime();
var end = new Date(1970, 1, 1, 0, 0, parseInt(seconds), 0).getTime();
var duration = end - start;
return new Date(duration).toString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1");
}
#18
2
Here is yet another version, which handles days also:
这是另一个版本,它处理的天数也是:
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;
}
#19
1
I think performance wise this is by far the fastest:
我认为这是迄今为止最快的表现:
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
#20
1
Here's how I did it. It seems to work fairly well, and it's extremely compact. (It uses a lot of ternary operators, though)
我是这么做的。它似乎运行得相当好,而且非常紧凑。(不过它使用了很多三元运算符)
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
}
...and for formatting strings...
…和格式化字符串…
String.prototype.toHHMMSS = function() {
formatTime(parseInt(this, 10))
};
#21
1
I'm personally prefer the leading unit (days, hours, minutes) without leading zeros. But seconds should always be leaded by minutes (0:13), this presentation is easily considered as 'duration', without further explanation (marking as min, sec(s), etc.), usable in various languages (internationalization).
我个人更喜欢领先的单位(天,小时,分钟),而没有前导零。但是,时间应该总是以分钟为单位(0:13),这个演示很容易被认为是“持续时间”,没有进一步的解释(标记为min, sec(s)等),可用在各种语言(国际化)中。
// 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);
}
//imitating the server side (.net, C#) duration formatting like:
//模仿服务器端(.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));
}
#22
1
You can use Momement.js with moment-duration-format plugin:
您可以使用Momement。js moment-duration-format插件:
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>
See also this Fiddle
看到这个小提琴
#23
1
There's a new method for strings on the block: padStart
在块上有一种新的字符串方法:padStart。
const str = '5';
str.padStart(2, '0'); // 05
Here is a sample use case: YouTube durations in 4 lines of JavaScript
这里有一个示例用例:4行JavaScript的YouTube持续时间。
#24
1
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);
}
#25
0
This is how i did it
我就是这么做的。
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) will return '258d 14h 5m 38s'
《时代》杂志(22341938)将返回258d 14h5m 38s
#26
0
I'd upvote artem's answer, but I am a new poster. I did expand on his solution, though not what the OP asked for as follows
我支持artem的答案,但我是一个新的海报。我确实扩展了他的解决方案,虽然不是OP要求的如下。
t=(new Date()).toString().split(" ");
timestring = (t[2]+t[1]+' <b>'+t[4]+'</b> '+t[6][1]+t[7][0]+t[8][0]);
To get
得到
04Oct 16:31:28 PDT
04年10月16:31:28 PDT
This works for me...
这适合我…
But if you are starting with just a time quantity, I use two functions; one to format and pad, and one to calculate:
但是如果你从一个时间量开始,我用两个函数;一是格式和垫,一是计算:
function sec2hms(timect){
if(timect=== undefined||timect==0||timect === null){return ''};
//timect is seconds, NOT milliseconds
var se=timect % 60; //the remainder after div by 60
timect = Math.floor(timect/60);
var mi=timect % 60; //the remainder after div by 60
timect = Math.floor(timect/60);
var hr = timect % 24; //the remainder after div by 24
var dy = Math.floor(timect/24);
return padify (se, mi, hr, dy);
}
function padify (se, mi, hr, dy){
hr = hr<10?"0"+hr:hr;
mi = mi<10?"0"+mi:mi;
se = se<10?"0"+se:se;
dy = dy>0?dy+"d ":"";
return dy+hr+":"+mi+":"+se;
}
#27
0
If you know the number of seconds you have, this will work. It also uses the native Date() object.
如果你知道你拥有的秒数,这就可以。它还使用本机日期()对象。
function formattime(numberofseconds){
var zero = '0', hours, minutes, seconds, time;
time = new Date(0, 0, 0, 0, 0, numberofseconds, 0);
hh = time.getHours();
mm = time.getMinutes();
ss = time.getSeconds()
// Pad zero values to 00
hh = (zero+hh).slice(-2);
mm = (zero+mm).slice(-2);
ss = (zero+ss).slice(-2);
time = hh + ':' + mm + ':' + ss;
return time;
}
#28
0
Non-prototype version of toHHMMSS:
Non-prototype toHHMMSS版本:
function toHHMMSS(seconds) {
var sec_num = parseInt(seconds);
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;}
var time = hours+':'+minutes+':'+seconds;
return time;
}
#29
0
Here is my vision of solution. You can try my snippet below.
这是我的解决方案。您可以试试下面的代码片段。
function secToHHMM(sec) {
var d = new Date();
d.setHours(0);
d.setMinutes(0);
d.setSeconds(0);
d = new Date(d.getTime() + sec*1000);
return d.toLocaleString('en-GB').split(' ')[1];
};
alert( 'One hour: ' + secToHHMM(60*60) ); // '01:00:00'
alert( 'One hour five minutes: ' + secToHHMM(60*60 + 5*60) ); // '01:05:00'
alert( 'One hour five minutes 23 seconds: ' + secToHHMM(60*60 + 5*60 + 23) ); // '01:05:23'
#30
0
This version of the accepted answer makes it a bit prettier if you are dealing with video lengths for example:
如果你正在处理视频长度的问题,这个被接受的答案会让你看起来更漂亮。
1:37:40 (1 hour / 37 minutes / 40 seconds)
1:37:40(1小时/ 37分/ 40秒)
1:00 (1 minute)
一点(1分钟)
2:20 (2 minutes and 20 seconds)
2:20(2分20秒)
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);
var hourSeparator = ':';
var minuteSeparator = ':';
if(hours == 0){hours = '';hourSeparator = '';}
if (minutes < 10 && hours != 0) {minutes = "0"+minutes;}
if (seconds < 10) {seconds = "0"+seconds;}
var time = hours+hourSeparator+minutes+minuteSeparator+seconds;
return time;
}