countdown.js

let end = new Date('11/5/2022 10:30 AM');
let hackathon_end = new Date('11/6/2022 10:00 AM');

// how many ms each unit is
let second = 1000;
let minute = second * 60;
let hour = minute * 60;
let day = hour * 24;

let timer;

function showRemaining() {
    let now = new Date();
    let distance = end - now;

    if (distance < 0) {
        if (now > hackathon_end) {
            document.getElementById('countdown-timer').innerHTML = "hackPHS 2022 is over!";
            return;
        }
        distance = hackathon_end - now;
    }

    let days = Math.floor(distance / day).toString().padStart(2, '0');
    let hours = Math.floor((distance % day) / hour).toString().padStart(2, '0');
    let minutes = Math.floor((distance % hour) / minute).toString().padStart(2, '0');
    let seconds = Math.floor((distance % minute) / second).toString().padStart(2, '0');

    document.getElementById('countdown-timer').innerHTML = `
        <text x="22" y="70">${days}</text>
        <text x="41" y="70">${hours}</text>
        <text x="62" y="70">${minutes}</text>
        <text x="82" y="70">${seconds}</text>

        <text x="37" y="70">:</text>
        <text x="57" y="70">:</text>
        <text x="78" y="70">:</text>

        <text x="20" y="80" style="font-size:5pt">DAYS</text>
        <text x="45" y="80" style="font-size:5pt">HR</text>
        <text x="65" y="80" style="font-size:5pt">MIN</text>
        <text x="84" y="80" style="font-size:5pt">SEC</text>
    `;
}

setInterval(showRemaining, 1000);
showRemaining();