lib/utils/timer.js - master - rykit/timer

lib/utils/timer.js
143 строки5 KB
Какие то изменения
06 дек 2023, 13:27
06 дек 2023, 13:27b6b68e8
export default class Timer {
    constructor(duration, display) {
        this.duration = duration;
        this.display = display;
        this.startTime = null;
        this.timerInterval = null;
        this.remainingTime = this.duration;
        this.isCountdown = true;
        this.isRunning = false;
        this.pausedTime = 0;

        const storedData = localStorage.getItem('timerData');
        if (storedData) {
            const data = JSON.parse(storedData);
            if (data.start !== null && !isNaN(data.start)) {
                this.startTime = data.start;
                this.isCountdown = data.isCountdown;
                const currentTime = Date.now();
                const elapsedTime = currentTime - this.startTime;
                if (this.isCountdown) {
                    this.remainingTime = this.duration - Math.floor(elapsedTime / 1000);
                } else {
                    this.remainingTime = Math.floor(elapsedTime / 1000);
                }
                if (this.remainingTime <= 0) {
                    this.remainingTime = this.duration;
                    this.startTime = null;
                    this.isRunning = false;
                } else if (this.isCountdown) {
                    this.startTimer();
                }
            }
        }
    }

    formatTimeToVariables(time) {
        let hours = Math.floor(time / 3600);
        let minutes = Math.floor((time % 3600) / 60);
        let seconds = time % 60;

        hours = hours.toString().padStart(2, '0');
        minutes = minutes.toString().padStart(2, '0');
        seconds = seconds.toString().padStart(2, '0');

        return { hours, minutes, seconds };
    }

    updateDisplay() {
        const currentTime = Date.now();
        let diff = this.isCountdown ? this.duration - Math.floor((currentTime - this.startTime + this.elapsedTime) / 1000) : Math.floor((currentTime - this.startTime + this.elapsedTime) / 1000);

        if (diff <= 0 && this.isCountdown) {
            clearInterval(this.timerInterval);
            this.saveStartTime({ start: null, isCountdown: this.isCountdown, elapsedTime: 0 });
            this.isRunning = false;
            diff = 0;
        }

        const { hours, minutes, seconds } = this.formatTimeToVariables(Math.abs(diff));
        const displayTime = `${hours}:${minutes}:${seconds}`;
        this.display.textContent = displayTime;
    }

    saveStartTime(data) {
        localStorage.setItem('timerData', JSON.stringify(data));
    }

    startTimer() {
        if (!this.isRunning) {
            if (!this.startTime) {
                this.startTime = Date.now();
            } else {
                this.elapsedTime += Date.now() - this.startTime;
            }

            this.isRunning = true;

            this.updateDisplay();
            this.timerInterval = setInterval(() => {
                this.updateDisplay();
            }, 1000);

            window.addEventListener('beforeunload', () => {
                this.saveStartTime({ start: this.startTime, isCountdown: this.isCountdown, elapsedTime: this.elapsedTime });
            });
        }
    }

    stopTimer() {
        if (this.timerInterval) {
            clearInterval(this.timerInterval);
            this.isRunning = false;
            this.pausedTime += Date.now() - this.startTime;
            this.saveStartTime({ start: this.startTime, isCountdown: this.isCountdown });
        }
    }

    resetTimer() {
        clearInterval(this.timerInterval);
        this.timerInterval = null;
        this.startTime = null;
        this.isRunning = false;
        this.pausedTime = 0;
        this.remainingTime = this.duration;
    
        const { hours, minutes, seconds } = this.formatTimeToVariables(this.remainingTime);
        const displayTime = `${hours}:${minutes}:${seconds}`;
        this.display.textContent = displayTime;
    
        this.saveStartTime({ start: null, isCountdown: this.isCountdown });
    }

    setCountdownMode(countdown) {
        this.isCountdown = countdown;
        this.saveStartTime({ start: this.startTime, isCountdown: this.isCountdown });
    }

    getElapsedTime() {
        if (this.isRunning) {
            const currentTimeStamp = Date.now();
            const elapsed = currentTimeStamp - this.startTime + this.pausedTime;
            return Math.floor(elapsed / 1000);
        } else {
            return this.isCountdown ? this.remainingTime : this.duration - this.remainingTime;
        }
    }

    getDisplayedTime() {
        if (this.isRunning) {
            const currentTimeStamp = Date.now();
            const elapsed = currentTimeStamp - this.startTime + this.pausedTime;
            let displayedTime = this.isCountdown ?
                this.remainingTime - Math.floor(elapsed / 1000) :
                Math.floor(elapsed / 1000);

            const { hours, minutes, seconds } = this.formatTimeToVariables(Math.abs(displayedTime));

            return `${hours}:${minutes}:${seconds}`;
        } else {
            return this.display.textContent;
        }
    }
}