Bid farewell to manually updating copyright dates and embrace the elegance of JavaScript for future-proof copyright displays. This timeless technique ensures your website effortlessly reflects the present year, maintaining a polished and professional image while saving you precious time.
The copyright text is an essential and must-have element in the footer section of the webpage. The year used in the copyright notice text must be updated with the current year. It is a very hectic task to update copyright year text each year. It’s always recommended for developers to use dynamic year in the copyright section so that the year can be changed automatically and updated with the current year.
You can get the current year and add the dynamic year in HTML using JavaScript. In this example code, we will show you how to get the current year in JavaScript and change the year dynamically in Copyright text using JavaScript.
Define an HTML element where the dynamic year will be attached to be updated with the current year.
<footer>
<p>© <span id="copyrightYear"></span> by ZRTECH. All rights reserved.</p>
</footer>
Here’s the magic formula, ready to be woven into your web pages:
JavaScript
<script>
document.getElementById("copyrightYear").textContent = new Date().getFullYear();
</script>
Use code with caution. Learn morecontent_copy
Decode this spellbinding code:
- Target Element:
document.getElementById("copyrightYear")
pinpoints the element on your page where you desire the dynamic year to appear. - Timely Summoning:
new Date().getFullYear()
conjures the current year directly from the user’s system clock. - Yearly Renewal:
textContent
gracefully assigns the retrieved year to the designated element, ensuring continuous accuracy.
Unlock a Realm of Benefits:
- Effortless Maintenance: No more manual updates, even as time marches forward.
- Enhanced User Experience: Visitors witness a meticulous attention to detail, fostering trust.
- SEO Friendliness: Search engines adore websites that feel alive and up-to-date.
- Adaptable to Any Website: Integrate this JavaScript snippet seamlessly into any web project.
Seize control of time and embrace effortless accuracy with JavaScript’s dynamic copyright year magic. Unleash its power today and witness a website that perpetually reflects the present.