githubmirror/edex-ui

src/classes/clock.class.js

45 строк1 KB

GitSquared

:loud_sound: Add some more FX & 'extraAudio' setting

25 дек 2018, 21:08

25 дек 2018, 21:08aad38f9

class Clock {
    constructor(parentId) {
        if (!parentId) throw "Missing parameters";

        // Create DOM
        this.parent = document.getElementById(parentId);
        this.parent.innerHTML += `<div id="mod_clock">
            <h1 id="mod_clock_text"><span>?</span><span>?</span><span>:</span><span>?</span><span>?</span><span>:</span><span>?</span><span>?</span></h1>
        </div>`;

        this.lastTime = new Date();

        this.updateClock();
        this.updater = setInterval(() => {
            this.updateClock();
        }, 1000);
    }
    updateClock() {
        let time = new Date();
        let array = [time.getHours(), time.getMinutes(), time.getSeconds()];

        if (this.lastTime.getMinutes() !== array[1]) {
            window.audioManager.beep5.play();
        }

        array.forEach((e, i) => {
            if (e.toString().length !== 2) {
                array[i] = "0"+e;
            }
        });
        let clockString = `${array[0]}:${array[1]}:${array[2]}`;
        array = clockString.match(/.{1}/g);
        clockString = "";
        array.forEach((e) => {
            if (e === ":") clockString += "<em>"+e+"</em>";
            else clockString += "<span>"+e+"</span>";
        });
        document.getElementById("mod_clock_text").innerHTML = clockString;
        this.lastTime = time;
    }
}

module.exports = {
    Clock
};