如果你想在未来包含一个时间框架，以当前年份(例如2017年)作为开始年份，这样明年就会像这样显示:“©2017-2018，公司。，然后使用下面的代码。它每年都会自动更新:

&copy; Copyright 2017<script>new Date().getFullYear()>2017&&document.write("-"+new Date().getFullYear());</script>, Company.

©版权所有2017-2018，公司。

但如果第一年已经过去了，最短的代码可以写成这样:

&copy; Copyright 2010-<script>document.write(new Date().getFullYear())</script>, Company.

如果你在你的网站上多次需要当前年份，你可以这样做:

document.querySelectorAll(“copy-year”)。forEach(el => { 埃尔。textContent = ' ${el。textContent} - ${new Date().getFullYear()} '; })； 版权所有公司<copy-year>1234</copy-year>©

我知道，这不是最短的方法，但它真的很有效。

PS:你需要有JS在你的页面底部或使用延迟属性的脚本标签。

这是我能想到的使用纯JavaScript的最佳解决方案。您还可以在CSS中为元素设置目标样式。只要把年份加进去，它就会自动更新。

//Wait for everything to load first
window.addEventListener('load', () => {
    //Wrap code in IIFE 
    (function() {
        //If your page has an element with ID of auto-year-update the element will be populated with the current year.
        var date = new Date();
        if (document.querySelector("#auto-year-update") !== null) {
            document.querySelector("#auto-year-update").innerText = date.getFullYear();
        }
    })();
});

这个答案与Ray的答案相似，但使用了模板文字和文本回退

<p>&copy;
  <span id="copyright-year">2021</span>
  Company Name
</p>

<script>
  document.getElementById("copyright-year").innerHTML = `${new Date().getFullYear()}`;
</script>

©2022公司名称

document.getElementById("copyright-year").innerText = `${new Date().getFullYear()}`;

同样适用。

公认的答案并不总是有效的

最近的一次更新导致我所有的WordPress页脚版权日期都被下推到页面末尾，而不是像以前那样内联写。我相信在其他情况下也会发生这种情况，但这只是我注意到的地方。

如果发生这种情况，你可以通过创建一个空span标签来修复它，并像这样注入你的日期:

<span id="cdate"></span><script>document.getElementById("cdate").innerHTML = (new Date().getFullYear());</script> 

或者如果你在你的网站上启用了jquery，你可以像这样简单一点:

<span id="cdate"></span><script>$("#cdate").html(new Date().getFullYear());</script> 

这与Adam Milecki的答案相似，但要简短得多

对于React.js，下面是我在页脚工作的方法…

render() {
    const yearNow = new Date().getFullYear();
    return (
    <div className="copyright">&copy; Company 2015-{yearNow}</div>
);
}