क्रिसमस काउंटडाउन HTML टेम्पलेट

84 iroger7

संपादक में खोलें अपना कोड प्रकाशित करें

अनुशंसित

10 February 2025

लॉगिन और पंजीकरण फ़ॉर्म HTML/CSS/JS टेम्पलेट

HTML

CSS

JS

const daysEl = document.getElementById('days');
const hoursEl = document.getElementById('hours');
const minutesEl = document.getElementById('minutes');
const secondsEl = document.getElementById('seconds');

function updateCountdown() {
  const now = new Date();
  let currentYear = now.getFullYear();

// Set Christmas date for the current year
  let christmas = new Date(`December 25, ${currentYear} 00:00:00`);

// If today's date is past Christmas, set countdown for next year's Christmas
  if (now > christmas) {
    christmas.setFullYear(christmas.getFullYear() + 1);
  }

const diff = christmas - now;

const days = Math.floor(diff / (1000 * 60 * 60 * 24));
  const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
  const seconds = Math.floor((diff % (1000 * 60)) / 1000);

daysEl.textContent = days;
  hoursEl.textContent = hours;
  minutesEl.textContent = minutes;
  secondsEl.textContent = seconds;
}

// Initial call to display the countdown immediately
updateCountdown();

// Update the countdown every second
setInterval(updateCountdown, 1000);

क्रिसमस काउंटडाउन HTML टेम्पलेट

अनुशंसित

HTML CSS लॉगिन फॉर्म कोड

HTML डेवलपर पोर्टफोलियो V2

लॉगिन और पंजीकरण फ़ॉर्म HTML/CSS/JS टेम्पलेट

HTML

CSS

JS

अनुशंसित

HTML CSS लॉगिन फॉर्म कोड

HTML डेवलपर पोर्टफोलियो V2

लॉगिन और पंजीकरण फ़ॉर्म HTML/CSS/JS टेम्पलेट

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS