Ein Copyright-Hinweis im Footer einer Website enthält häufig das aktuelle Jahr. Damit die Jahreszahl nicht jedes Jahr manuell geändert werden muss, kann sie mit wenigen Zeilen JavaScript automatisch ausgegeben werden.

Aktuelles Jahr mit JavaScript ausgeben

JavaScript stellt das aktuelle Datum über new Date() bereit. Mit getFullYear() lässt sich daraus die vierstellige Jahreszahl auslesen.

new Date().getFullYear()

Für einen Copyright-Hinweis im Footer können wir die Jahreszahl automatisch in ein HTML-Element einsetzen.

Empfohlene Variante für den Footer

Fügen Sie zunächst an der gewünschten Stelle im Footer folgenden HTML-Code ein:

&copy; <span id="copyright-year"></span> <a href="https://www.os-mb.de/">OS Media</a>

Anschließend wird die aktuelle Jahreszahl per JavaScript in das dafür vorgesehene Element geschrieben:

<script>
document.getElementById('copyright-year').textContent = new Date().getFullYear();
</script>

Die Ausgabe sieht beispielsweise so aus:

© OS Media

Kompletter Code

Wenn Sie HTML und JavaScript direkt an derselben Stelle einfügen möchten, sieht der vollständige Code folgendermaßen aus:

&copy; <span id="copyright-year"></span>
<a href="https://www.os-mb.de/">OS Media</a>

<script>
document.getElementById('copyright-year').textContent = new Date().getFullYear();
</script>

Alternative mit document.write()

Eine besonders kurze Variante verwendet document.write():

&copy; <script>document.write(new Date().getFullYear());</script> OS Media

Diese Variante funktioniert bei der direkten Ausführung während des Seitenaufbaus, ist für moderne Websites jedoch nicht die bevorzugte Lösung. Sauberer ist es, die Jahreszahl gezielt über das DOM in ein vorhandenes HTML-Element einzufügen.