Countdown Fine Scuola by @alessandrostano - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

<b>Formatta il testo in grassetto
widthImposta la larghezza di un elemento HTML
listCollega un elemento input con una lista di opzioni datalist
<abbr>Inserisce abbreviazioni e acronimi
<h4>Titolo di intestazione di quarto livello
animationDefinisce i parametri dell'animazione di un elemento o selettore

Users

Log in to search for users

Explore

Find inspiration

Prova qualsiasi

venezia esercizio pretest

Blocco tasto destro mouse

Tabella esercitazione esame

Formattazione testo

Indovina il Numero - Gioco

curricculum Nicola Pochiero

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html><html lang="it"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Countdown Fine Scuola</title><style> body { font-family: Arial, sans-serif; background-color: #f0f0f0; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .countdown { background-color: white; padding: 2rem; border-radius: 1rem; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .countdown h1 { font-size: 3rem; margin-bottom: 1rem; } .button { display: inline-block; background-color: #007AFF; color: white; padding: 0.5rem 1rem; border-radius: 0.5rem; text-decoration: none; font-weight: 600; transition: background-color 0.2s; } .button:hover { background-color: #0051A8; }</style></head><body><div class="countdown"> <h1 id="countdown"></h1> <a href="#" class="button">Aggiorna Countdown</a></div><script> function daysBetween(date1, date2) { const oneDay = 1000 * 60 * 60 * 24; const diffInTime = date2.getTime() - date1.getTime(); return Math.ceil(diffInTime / oneDay); } function isWeekend(date) { const day = date.getDay(); return day === 6 || day === 0; } function isExcludedDate(date, excludedDates) { return excludedDates.some(d => d.getTime() === date.getTime()); } function schoolDaysRemaining(endDate, excludedDates) { let remainingDays = 0; let currentDate = new Date(); currentDate.setDate(currentDate.getDate() + 1); while (currentDate <= endDate) { if (!isWeekend(currentDate) && !isExcludedDate(currentDate, excludedDates)) { remainingDays++; } currentDate.setDate(currentDate.getDate() + 1); } return remainingDays; } function updateCountdown() { const endDate = new Date(2023, 5, 9); const excludedDates = [ new Date(2022, 10, 1), new Date(2022, 11, 8), new Date(2022, 11, 25), new Date(2022, 11, 26), new Date(2023, 0, 1), new Date(2023, 0, 6), new Date(2023, 3, 8), new Date(2023, 3, 9), new Date(2023, 3, 20), new Date(2023, 3, 21), new Date(2023, 3, 27), new Date(2023, 3, 28), new Date(2023, 3, 29), new Date(2023, 3, 24), new Date(2023, 4, 25), new Date(2023, 4, 1), new Date(2023, 5, 3), new Date(2023, 5, 2), new Date(2023, 7, 26) ]; const countdownElement = document.getElementById("countdown"); countdownElement.innerHTML = `Mancano ${schoolDaysRemaining(endDate, excludedDates)} giorni alla fine della scuola.`; } document.querySelector(".button").addEventListener("click", updateCountdown); updateCountdown();</script></body></html>