Countdown Fine Scuola by @alessandrostano - Codewith.it

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

Referenze

<iframe>Crea un frame all'interno di una pagina HTML.
<meta>Definisce i meta dati di una pagina web.
multipleConverte in lista a selezione multipla
acceptDefinisce e filtra il formato dei file per il tag <input type=file>
<select>Usato per creare un menu a tendina.
<ul>Usato per la creazione di liste non ordinate.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

fontawesome-esempio

schwebish gemund

5/10/24 es. 2 - conta Parole

Esercitazione n. 1

Custom JS alert box

Esercizio 1 3ASC

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!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>