Modello HTML per il conto alla rovescia di Natale

384 iroger7

Apri nell'Editor Video Pubblica il Tuo Codice

Modello HTML per il conto alla rovescia di Natale

Consigliato

28 October 2025

Calcolatrice e assistente matematico: HTML, CSS, JavaScript

12 June 2025

Un codice di Metehan

29 September 2025

Caricamento CSS con animazione e immagine di sfondo

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);

Consigliato

Calcolatrice e assistente matematico: HTML, CSS, JavaScript

Un codice di Metehan

Caricamento CSS con animazione e immagine di sfondo

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS