Clock Timer is showing wrong time JavaScript

February 11, 2022

I am working on timer when user clock in the timer starts. It is working fine until it reaches the 60 minutes figure and it keeps on going doesn’t added hour. Here is my code

  export enum HMS{
  hours=3600,
  MinSec=60,
}

 transform(value: number = 3600): any {
// here values is in minutes
    const hours: number = Math.floor(value / HMS.hours)
    const minutes: number = Math.floor(value / HMS.MinSec);
    const seconds: number = (value - minutes * HMS.MinSec);
    return ((hours < 10 ? "0" : "") + hours + ":" + (minutes < 10 ? "0" : "") + minutes + ":" + (seconds < 10 ? "0" : "") + seconds)
  }

Below is the image display time. It shows like this.

>Solution :

You definitely need a Modulo in there:

export enum HMS{
      hours=3600,
      MinSec=60,
    }
    
transform(value: number = 3600): any {
    // here values is in minutes
    const hours: number = Math.floor(value / HMS.hours)
    const minutes: number = Math.floor(value / HMS.MinSec % 60);
    const seconds: number = Math.floor(value % 60);
    return ((hours < 10 ? "0" : "") + hours + ":" + (minutes < 10 ? "0" : "") + minutes + ":" + (seconds < 10 ? "0" : "") + seconds)
}