Spesso la dicitura nel footer ingloba la tipica riga di copyright e anno di partenza (ES: Attività X 2010 – 2020 • © Tutti i diritti riservati). Ma come Far cambiare di anno in anno l’anno corrente del range?

Ovviamente si possono usare i comandi Jquery per richiamare l’anno corrente, ma rimane comunque più laborioso inserire nei file .js un codice che modifichi un div con ID specifico. E allora la via più veloce sarebbe uno script semplice e pratico da mettere in linea con il testo:

<script>document.write(new Date().getFullYear())</script>

Questo semplice script non ha bisogno di nessun altro richiamo JS o codici dentro altri file .js

La semplice riga script segnata sopra stampa l’anno corrente (se siamo nel 2023 stampa 2023, se oggi sei magari nel 2024 stamperà 2024).
Questo codice si può mettere dentro un div (inline) per farlo proseguire assieme al testo inserito, così da avere tutto su un unica linea.

<div>© 2013  -  <div style="  display: inline;"><script>document.write(new Date().getFullYear())</script></div> <strong>Barbara Lerici</strong> - All Rights Reserved</div>

Ecco a confronto codice e risultato:

<div>© 2010  -  <div style="display: inline;"><script>document.write(new Date().getFullYear())</script></div> <strong> Attività X</strong> - All Rights Reserved</div>

Attenzione al ottimizzazione Script della CACHE

Utilizzando plugin di ottimizzazione cache come ad esempio LiteSpeed Cache. Si può andare in contro a un blocco dello script e quindi a non mostrare la data.
Plugin “LiteSpeed Cache” Menu : Page Optimization -> TAB [2]JS Settings -> nella linea in fondo disattivare i comandi di Load JS Deferred -> OFF . Fai poi PURGE ALL per vedere le modifiche.
Putroppo Defender o Delayerd non permettono di visualizzarli.