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) // Target: 12:01 PM (today or next day if already passed) const DATE_TARGET = (() => { const now = new Date() const target = new Date(now) // Set to 12:01 PM target.setHours(12, 1, 0, 0) // If already past 12:01 PM today, move to tomorrow 12:01 PM if (target <= now) { target.setDate(target.getDate() + 1) } return target })() 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() let DURATION = DATE_TARGET - NOW; if (DURATION < 0) { // If passed (edge case), reset to next day's 12:01 PM const next = new Date(NOW) next.setDate(next.getDate() + 1) next.setHours(12, 1, 0, 0) DURATION = next - 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 const pad = (n) => String(n).padStart(2, '0') SPAN_DAYS.textContent = pad(REMAINING_DAYS); SPAN_HOURS.textContent = pad(REMAINING_HOURS); SPAN_MINUTES.textContent = pad(REMAINING_MINUTES); SPAN_SECONDS.textContent = pad(REMAINING_SECONDS); } updateCountdown(); setInterval(updateCountdown, MILLISECONDS_OF_A_SECOND);