63 lines
1.6 KiB
JavaScript
63 lines
1.6 KiB
JavaScript
import { LoggerService } from '../logger/logger'
|
|
|
|
const INTERVAL = 1
|
|
|
|
export class TimerService {
|
|
|
|
constructor() {
|
|
this.loggerService = new LoggerService()
|
|
}
|
|
|
|
initialize(el) {
|
|
if (!el) return
|
|
|
|
this.display = el
|
|
this.startTime = undefined
|
|
if (this.id) {
|
|
this.stop()
|
|
}
|
|
this.updateDisplay()
|
|
}
|
|
|
|
start() {
|
|
if (this.running || !this.display) return
|
|
|
|
this.running = true
|
|
this.startTime = new Date().getTime()
|
|
this.id = window.setInterval(() => this.updateDisplay(), INTERVAL)
|
|
this.loggerService.debug(`started timer id: ${this.id}`)
|
|
}
|
|
|
|
stop() {
|
|
this.running = false
|
|
clearInterval(this.id)
|
|
this.loggerService.debug(`stopped timer id: ${this.id}`)
|
|
this.id = undefined
|
|
return this.time
|
|
}
|
|
|
|
updateDisplay() {
|
|
let currentTime = new Date().getTime() - this.startTime
|
|
this.time = Math.floor(currentTime / INTERVAL)
|
|
this.display.innerHTML = this.pretty(this.time) || '0'
|
|
}
|
|
|
|
pretty(duration) {
|
|
if (!duration) return undefined
|
|
var milliseconds = parseInt((duration % 1000) / 100),
|
|
seconds = Math.floor((duration / 1000) % 60),
|
|
minutes = Math.floor((duration / (1000 * 60)) % 60),
|
|
hours = Math.floor((duration / (1000 * 60 * 60)) % 24)
|
|
|
|
hours = (hours < 10) ? `0${hours}` : hours
|
|
minutes = (minutes < 10) ? `0${minutes}` : minutes
|
|
seconds = (seconds < 10) ? `0${seconds}` : seconds
|
|
|
|
return `${this.clean(hours, ':')}${this.clean(minutes, ':')}${this.clean(seconds, '.')}${this.clean(milliseconds, '')}`
|
|
}
|
|
|
|
clean(str, separator) {
|
|
return (str === '00') ? '' : `${str}${separator}`
|
|
}
|
|
}
|
|
|