How to make my clock show 6 digits with javascript?

Question

I have a clock made that displays the current time in Hours:Minutes:Seconds. Currently the time is displayed as so 20:30:25, but my problem is that when the time is a single digit for example 1.05 (3 seconds) am, it will appear like this on the clock 1:5:3. I want it to appear like this 01:05:03.

How can this be done?

var today = new Date();
var hours = today.getHours();
var minutes = today.getMinutes(); 
var seconds = today.getSeconds();
today = hours+':'+minutes+':'+seconds;
document.write(today);

If < 10, pad with a leading zero. – j08691 Nov 04 '14 at 20:35 — j08691, Nov 04 '14 at 20:35
@j08691 Thank you, where do I apply this? – user3594463 Nov 04 '14 at 20:38 — user3594463, Nov 04 '14 at 20:38

score 5 · Answer 1 · answered Nov 04 '14 at 20:38

5

A simple way is to use a slice(-2) trick to always let the number with a preceding zero (if needed)

Slice, with a negative parameter, takes the last n characters of a string, in this case, always a two digit value:

var today = new Date();
var hours = ("00" + today.getHours()).slice(-2);
var minutes = ("00" + today.getMinutes()).slice(-2); 
var seconds = ("00" + today.getSeconds()).slice(-2);

alert(hours+":"+minutes+":"+seconds);

answered Nov 04 '14 at 20:38

LcSalazar

15,390
3
29
62

Nice use of `slice()` – Bijan Nov 04 '14 at 20:40
@LcSalazar Thanks a Million :) – user3594463 Nov 04 '14 at 20:42
@user3594463 - You'd probably make him even happier by marking his answer as correct:) – myfunkyside Nov 04 '14 at 20:44
@myfunky ...in 5 mins – nicael Nov 04 '14 at 20:45
@user3594463 - You're welcome. I hope you achieve what you're trying to... – LcSalazar Nov 04 '14 at 20:53

score 1 · Answer 2 · answered Nov 04 '14 at 20:38

1

Simply add zeros! I used ternary operator to do it.

    var today = new Date();
    var hours = today.getHours() <10 ? "0"+today.getHours(): today.getHours();
    var minutes = today.getMinutes() <10 ? "0"+today.getMinutes(): today.getMinutes(); 
    var seconds = today.getSeconds() <10 ? "0"+today.getSeconds(): today.getSeconds();
    today = hours+':'+minutes+':'+seconds;
    document.write(today);

answered Nov 04 '14 at 20:38

nicael

16,503
12
50
80

Thank you got it working! – user3594463 Nov 04 '14 at 20:44

How to make my clock show 6 digits with javascript?

2 Answers2