const template = `

FALTAN

DÍAS

HRS

MIN

SEG

` document.body.style.overflowY = 'hidden' document.body.innerHTML = template setInterval(() => { if (screen.width < 991) { document.querySelector(".image-hotsale-desktop").style.display = "none"; document.querySelector(".image-hotsale-mobile").style.display = "initial"; } else { document.querySelector(".image-hotsale-mobile").style.display = "none"; document.querySelector(".image-hotsale-desktop").style.display = "initial"; } }, 1000) const DATE_TARGET = new Date('11/04/2024 0:00 AM'); const SPAN_DAYS = document.querySelector('#days'); const SPAN_HOURS = document.querySelector('#hours'); const SPAN_MINUTES = document.querySelector('#minutes'); const SPAN_SECONDS = document.querySelector('#seconds'); // Milliseconds for the calculations const MILLISECONDS_OF_A_SECOND = 1000; const MILLISECONDS_OF_A_MINUTE = MILLISECONDS_OF_A_SECOND * 60; const MILLISECONDS_OF_A_HOUR = MILLISECONDS_OF_A_MINUTE * 60; const MILLISECONDS_OF_A_DAY = MILLISECONDS_OF_A_HOUR * 24 function updateCountdown() { // Calcs const NOW = new Date() const DURATION = DATE_TARGET - NOW; const REMAINING_DAYS = Math.floor(DURATION / MILLISECONDS_OF_A_DAY); const REMAINING_HOURS = Math.floor((DURATION % MILLISECONDS_OF_A_DAY) / MILLISECONDS_OF_A_HOUR); const REMAINING_MINUTES = Math.floor((DURATION % MILLISECONDS_OF_A_HOUR) / MILLISECONDS_OF_A_MINUTE); const REMAINING_SECONDS = Math.floor((DURATION % MILLISECONDS_OF_A_MINUTE) / MILLISECONDS_OF_A_SECOND); // Render SPAN_DAYS.textContent = REMAINING_DAYS; SPAN_HOURS.textContent = REMAINING_HOURS; SPAN_MINUTES.textContent = REMAINING_MINUTES; SPAN_SECONDS.textContent = REMAINING_SECONDS; } updateCountdown(); setInterval(updateCountdown, MILLISECONDS_OF_A_SECOND);