Clock Timer is showing wrong time JavaScript-CodePudding

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.

CodePudding user response：

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