js/components/clock/renderClock.js
/**
 * Generuoja statini laikrodi, kuris rodo, kiek liko laiko iki artimiausiu Naujuju metu
 * @param {string} selector CSS taisykle, kaip rasti vieta, kur bus generuojamas laikrodzio HTML turinys 
 * @returns {boolean} jei funkcija sekmingai vykdo funkcija - grazina `true`, priesingu atveju `false`
 */
Generuoja statini laikrodi, kuris rodo, kiek liko laiko iki artimiausiu Naujuju metu
@param {string} selector CSS taisykle, kaip rasti vieta, kur bus generuojamas laikrodzio HTML turinys
@returns {boolean} jei funkcija sekmingai vykdo funkcija - grazina `true`, priesingu atveju `false`
Generuoja statini laikrodi kuris rodo kiek liko laiko iki artimiausiu Naujuju metu @param { string } selector CSS taisykle kaip rasti vieta kur bus generuojamas laikrodzio HTML turinys @returns { boolean } jei funkcija sekmingai vykdo funkcija - grazina ` true ` priesingu atveju ` false `
function renderClock(selector) {
    if (typeof selector !== "string") {
        console.error('ERROR: selektorius turi buti tekstinio tipo')
        return false;
    }
    if (typeof selector === "") {
        console.error('ERROR: selektorius negali buti tuscias')
        return false;
    }
    const DOM = document.querySelector(selector);
    if (!DOM) { 
        console.error('Error: nerasta vieta, kur sugeneruoti laikrodzio HTML turini');
        return false;
    }
    const time = countTimeDiff();
    const HTML = `<div class="time-box">
                    <div class="time">${time.days}</div>
                    <span>Days</span>
                </div> 
                <div class="time-box">
                    <div class="time">${time.hours}</div>
                    <span>Hours</span>
                </div>
                <div class="time-box">
                    <div class="time">${time.minutes}</div>
                    <span>Minutes</span>
                </div>
                <div class="time-box">
                    <div class="time">${time.seconds}</div>
                    <span>Seconds</span>
                </div>`;
    DOM.innerHTML = HTML;
    const timesDOM = DOM.querySelectorAll('.time');
    let timePassed = 0;
    setInterval(() => {
        const time = (countTimeDiff());
        timesDOM[0].innerText = time.days;
        timesDOM[1].innerText = time.hours;
        timesDOM[2].innerText = time.minutes;
        timesDOM[3].innerText = time.seconds;
      }, 1000);
    return true;
}
function renderClock ( selector ) { if ( typeof selector !== "string" ) { console . error ( 'ERROR: selektorius turi buti tekstinio tipo' ) return false ; } if ( typeof selector === "" ) { console . error ( 'ERROR: selektorius negali buti tuscias' ) return false ; } const DOM = document . querySelector ( selector ) ; if ( ! DOM ) { console . error ( 'Error: nerasta vieta, kur sugeneruoti laikrodzio HTML turini' ) ; return false ; } const time = countTimeDiff ( ) ; const HTML = ` ${ time . days } ${ time . hours } ${ time . minutes } ${ time . seconds } ` ; DOM . innerHTML = HTML ; const timesDOM = DOM . querySelectorAll ( '.time' ) ; let timePassed = 0 ; setInterval ( ( ) => { const time = ( countTimeDiff ( ) ) ; timesDOM [ 0 ] . innerText = time . days ; timesDOM [ 1 ] . innerText = time . hours ; timesDOM [ 2 ] . innerText = time . minutes ; timesDOM [ 3 ] . innerText = time . seconds ; } , 1000 ) ; return true ; }
Generuoja statini laikrodi, kuris rodo, kiek liko laiko iki artimiausiu Naujuju metu
 @param {string} selector CSS taisykle, kaip rasti vieta, kur bus generuojamas laikrodzio HTML turinys
 @returns {boolean} jei funkcija sekmingai vykdo funkcija - grazina `true`, priesingu atveju `false`
Generuoja statini laikrodi kuris rodo kiek liko laiko iki artimiausiu Naujuju metu @param { string } selector CSS taisykle kaip rasti vieta kur bus generuojamas laikrodzio HTML turinys @returns { boolean } jei funkcija sekmingai vykdo funkcija - grazina ` true ` priesingu atveju ` false `
//paleidziame laikrodzio mechanizma