Cyber Days 2025 – Discover all limited-time deals here!

• Unbeatable discounts
• Highly limited clearance items
• Fast delivery & lowest price guarantee

Go to the Outlet now

document.addEventListener('DOMContentLoaded', function () { var bars = document.querySelectorAll('.deal-countdown'); if (!bars.length) return; var timers = document.querySelectorAll('.deal-countdown-timer'); if (!timers.length) return; // Read data attributes from the first bar (both bars have same data) var firstBar = bars[0]; var blackStartStr = firstBar.getAttribute('data-black-start'); var cyberStartStr = firstBar.getAttribute('data-cyber-start'); if (!blackStartStr && !cyberStartStr) return; var visibleHoursBeforeStart = parseInt( firstBar.getAttribute('data-visible-hours-before-start'), 10 ); if (isNaN(visibleHoursBeforeStart) || visibleHoursBeforeStart < 0) { visibleHoursBeforeStart = 0; } var visibleWindowMs = visibleHoursBeforeStart * 60 * 60 * 1000; // Events: first Black Friday, then Cyber Monday var events = []; if (blackStartStr) { events.push({ key: 'blackFriday', startTime: new Date(blackStartStr).getTime() }); } if (cyberStartStr) { events.push({ key: 'cyberMonday', startTime: new Date(cyberStartStr).getTime() }); } // 🔽 Only these two functions changed function showBars() { for (var i = 0; i < bars.length; i++) { // remove inline display so Bootstrap classes can take over bars[i].style.removeProperty('display'); } } function hideBars() { for (var i = 0; i < bars.length; i++) { // force-hide regardless of other CSS bars[i].style.setProperty('display', 'none', 'important'); } } // 🔼 Only these two functions changed function updateCountdown() { var now = Date.now(); var activeEvent = null; var anyFutureEvent = false; for (var i = 0; i < events.length; i++) { var ev = events[i]; var diff = ev.startTime - now; // time until start if (diff > 0) { anyFutureEvent = true; } // Only consider events within their visibility window if (diff > 0 && diff <= visibleWindowMs) { if (!activeEvent || ev.startTime < activeEvent.startTime) { activeEvent = { key: ev.key, startTime: ev.startTime, diff: diff }; } } } // No event currently in its visibility window if (!activeEvent) { hideBars(); // If no future events at all, stop the interval if (!anyFutureEvent) { clearInterval(intervalId); } return; } // We have an active event → show and update showBars(); var diffMs = activeEvent.diff; if (diffMs <= 0) { hideBars(); return; } var totalSeconds = Math.floor(diffMs / 1000); var hours = Math.floor(totalSeconds / 3600); var minutes = Math.floor((totalSeconds % 3600) / 60); var seconds = totalSeconds % 60; var text = String(hours).padStart(2, '0') + ':' + String(minutes).padStart(2, '0') + ':' + String(seconds).padStart(2, '0'); // Update all timers (desktop + mobile) for (var j = 0; j < timers.length; j++) { timers[j].textContent = text; } } // Initial run updateCountdown(); // Update every second var intervalId = setInterval(updateCountdown, 1000); });