Countdown Fine Scuola by @alessandrostano - Codewith.it

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

Referenze

<html>Tag primario di un documento HTML
<cite>Inserisce citazioni e menzioni riguardo un'opera creativa.
<thead>Definisce un gruppo di intestazione all'interno di una tabella.
placeholderDefinisce un testo segnaposto per un elemento input o textarea
<pre>Indica una parte di testo preformattato
<div>Crea contenitori generici o sezioni in una pagina

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

DDFDesign 25+CV & Contatti Profess

un casino pazzesco

Arianna è un\'informatica ora

tabella attività settimana piscina

Form per il torneo misto disfo

Esercitazione WD

Heads Or Tails Random Tally

Review of Functions I

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>