oppenheimer-event.js

const eventCountdown = document.getElementById("eventCountdown")
const posel = document.getElementById("posel")
const body = document.body

let cdInterval = -1
async function startCountDown(finDate) {
    let tick = 0
    const initialRemaining = finDate - Date.now()
    body.setAttribute("eventphase", "0")
    clearInterval(cdInterval)

    await new Promise((resolve) => {
        cdInterval = setInterval(() => {
            if (tick == 1) body.setAttribute("eventphase", "1")
            if (tick == 12) { body.setAttribute("eventphase", "2") }
            const remaining = finDate - Date.now()
            const percentLeft = remaining / initialRemaining * 100
            
            // At less than 10% time left we go back to p1
            if (percentLeft < 10) {
                body.setAttribute("eventphase", "1")
            }
            if (remaining <= 0) {
                clearInterval(cdInterval)
                resolve()
            }
    
            const seconds = Math.floor((remaining / 1000) % 60);
            const minutes = Math.floor((remaining / 1000 / 60) % 60);
            const hours = Math.floor((remaining / (1000 * 60 * 60)) % 24);    
            eventCountdown.children[1].innerHTML = `Event in ${hours}:${minutes}:${seconds}`
            eventCountdown.children[3].style.width = percentLeft + "%"
    
            tick++
        }, 500)//ms
    })

    // Start event
    body.setAttribute("eventphase", "3")
}