How to control number display format using Javascript?

Question

I have a Javascript function that displays a time counter as the following : 0:0 and 0:1. But I actually want it to be displayed like this : 00:00 and 00:01.

Here is the code :

var interval = null;
var time = 0
function increaseTimer() {
    // increase and print timer
    time++
    console.log(new Date() + ' ' + 'timer: ' + parseInt(time / 60, 10) + ':' + parseInt(time % 60, 10))
    // condition of a process
    if (time % 5 == 0) {
        // some process
    }
    // stop simulation after 30s
    if (time == 30) {
        clearInterval(interval)
    }
}

I call this function with interval variable : interval = setInterval(increaseTimer, 1000)

What should I change in my code to make it work ? Thanks in advance.

Does this answer your question? How to output numbers with leading zeros in JavaScript? — jsN00b
– jsN00b, Commented Mar 13, 2022 at 17:04
@jsN00b there isn't another way ? like some predefined library in js that will do the formatting ? — EL-Mehdi Loukach
– EL-Mehdi Loukach, Commented Mar 13, 2022 at 17:13
Does this answer your question? JavaScript seconds to time string with format hh:mm:ss — snnsnn
– snnsnn, Commented Mar 13, 2022 at 17:18

Manish Purohit · Accepted Answer · 2022-03-13 17:14:01Z

2

var interval = null;
var time = 0
function increaseTimer() {
    // increase and print timer
    time++
    let prefix = parseInt(time / 60, 10)
    let postfix = parseInt(time % 60, 10)
    prefix = prefix <= 9 ? "0" + prefix.toString() : prefix.toString();
    postfix = postfix <= 9 ? "0" + postfix.toString() : postfix.toString();
    console.log(new Date() + ' ' + 'timer: ' + prefix  + ':' + postfix )
    // condition of a process
    if (time % 5 == 0) {
        // some process
    }
    // stop simulation after 30s
    if (time == 30) {
        clearInterval(interval)
    }
}

answered Mar 13, 2022 at 17:14

Manish Purohit

581 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mohsen Alyafei · Accepted Answer · 2022-03-14 09:17:21Z

0

You can simplify the code as follows:

let interval = null,
        time = 0;
function increaseTimer() {
time++;   // increase and print timer
console.log(new Date()+' '+'timer: '+("0"+~~(time / 60)).slice(-2)+':'+("0"+time % 60).slice(-2));
if (time % 5 == 0) {   // condition of a process
    // some process
}
if (time == 30) {      // stop simulation after 30s
    clearInterval(interval)
}
}

answered Mar 14, 2022 at 9:17

Mohsen Alyafei

5,6823 gold badges38 silver badges57 bronze badges

Collectives™ on Stack Overflow

How to control number display format using Javascript?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related