Shortest way to print current year in a website

Question

I need to update a few hundred static HTML pages that have the copyright date hard coded in the footer  I want to replace it with some JavaScript that will automatically update each year   Currently I   m using    lt script type  text javascript  gt var year   new Date   document write year getFullYear     lt  script gt    Is this as short as it gets

User · Answer

It s not a good practice to use document write  You can learn more about document write by pressing here  Don t use document write unless if you have to  Here s a somewhat friendly javascript html solution  And yes  there is studies on how InnerHTML is bad  working on a more friendly soultion  document getElementById  quot year quot   innerHTML  new Date  getFullYear       javascript   html  lt span id  quot year quot  gt  lt  span gt   You can place the javascript code in your html  but it would look best in a javascript file  Very clean answer  Personally  I recommend writing the current year with PHP  Probably the safest answer  If you want to write the current year with PHP  you can do so with this small code   lt  php echo date  quot Y quot      gt   Remember in order to apply this PHP code  your webpage file has to be PHP

User · Answer

Here s the ultimate shortest most responsible version that even works both AD and BC    drum rolls       lt script gt document write Date   split    3   lt  script gt    That s it  6 Bytes shorter than the accepted answer   If you need to be ES5 compatible  you can settle for    lt script gt document write Date   split      3   lt  script gt

User · Answer

There are many solutions to this problem as provided by above experts  Below solution can be use which will not block the page rendering or not even re-trigger it  In Pure Javascript   x000D   x000D  window addEventListener  load         function              document getElementById  copyright-year   appendChild              document createTextNode                  new Date   getFullYear                                      x000D   lt div gt   amp copy   lt span id  copyright-year  gt  lt  span gt  lt  div gt  x000D   x000D   x000D   In jQuery   x000D   x000D    document  ready function       document getElementById  copyright-year   appendChild      document createTextNode        new Date   getFullYear                  x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt   lt div gt   amp copy   lt span id  copyright-year  gt  lt  span gt  lt  div gt  x000D   x000D   x000D

User · Answer

For React js  the following is what worked for me in the footer     render         const yearNow   new Date   getFullYear        return        lt div className  copyright  gt  amp copy  Company 2015- yearNow  lt  div gt

User · Answer

according to chrome audit  For users on slow connections  external scripts dynamically injected via document write   can delay page load by tens of seconds  https   web dev no-document-write  utm source lighthouse amp utm medium devtools  so solution without errors is   new Date  getFullYear

User · Answer

The JS solution works great but I would advise on a server side solution  Some of the sites I checked had this issue of the entire page going blank and only the year being seen once in a while   The reason for this was the document write actually wrote over the entire document   I asked my friend to implement a server side solution and it worked for him  The simple code in php   lt  php echo date  Y      gt    Enjoy

User · Answer

You ve asked for a JavaScript solution  so here s the shortest I can get it   lt script gt document write new Date   getFullYear    lt  script gt   That will work in all browsers I ve run across  How I got there   You can just call getFullYear directly on the newly-created Date  no need for a variable  new Date   getFullYear   may look a bit odd  but it s reliable  the new Date   part is done first  then the  getFullYear    You can drop the type  because JavaScript is the default  this is even documented as part of the HTML5 specification  which is likely in this case to be writing up what browsers already do  You can drop the semicolon at the end for one extra saved character  because JavaScript has  quot automatic semicolon insertion  quot  a feature I normally despise and rail against  but in this specific use case it should be safe enough   It s important to note that this only works on browsers where JavaScript is enabled  Ideally  this would be better handled as an offline batch job  sed script on  nix  etc   once a year  but if you want the JavaScript solution  I think that s as short as it gets   Now I ve gone and tempted fate    However  unless you re using a server that can only provide static files  you re probably better off doing this on the server with a templating engine and using caching headers to allow the resulting page to be cached until the date needs to change  That way  you don t require JavaScript on the client  Using a non-defer async script tag in the content also briefly delays the parsing and presentation of the page  for exactly this reason  because the code in the script might use document write to output HTML

User · Answer

x000D   x000D   lt div gt  amp copy  lt script gt document write new Date   getFullYear     lt  script gt   Company  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

The Accepted Answer Does Not Always Work A recent update has caused all of my WordPress footer copyright dates to get pushed down to then end of the page instead of writing it inline like it used to   I m sure there are other cases where this may happen as well  but this is just where I ve noticed it   If this happens  you can fix it by creating an empty span tag and injecting your date into it like this   lt span id  quot cdate quot  gt  lt  span gt  lt script gt document getElementById  quot cdate quot   innerHTML    new Date   getFullYear     lt  script gt    or if you have jquery enabled on your site  you can go a bit more simple like this   lt span id  quot cdate quot  gt  lt  span gt  lt script gt    quot  cdate quot   html new Date   getFullYear     lt  script gt    This is similar to Adam Milecki s answer but much shorter

User · Answer

If you want to include a time frame in the future  with the current year  e g  2017  as the start year so that next year it   ll appear like this        2017-2018  Company      then use the following code  It   ll automatically update each year    amp copy  Copyright 2017 lt script gt new Date   getFullYear   gt 2017 amp  amp document write  -  new Date   getFullYear     lt  script gt   Company       Copyright 2017-2018  Company   But if the first year has already passed  the shortest code can be written like this    amp copy  Copyright 2010- lt script gt document write new Date   getFullYear    lt  script gt   Company

User · Answer

TJ s answer is excellent but I ran into one scenario where my HTML was already rendered and the document write script would overwrite all of the page contents with just the date year   For this scenario  you can append a text node to the existing element using the following code    lt div gt       amp copy       lt span id  copyright  gt           lt script gt document getElementById  copyright   appendChild document createTextNode new Date   getFullYear     lt  script gt       lt  span gt      Company Name  lt  div gt

User · Answer

lt script type  text javascript  gt document write new Date   getFullYear     lt  script gt

User · Answer

This is the best solution I can think of that will work with pure JavaScript  You will also be able to style the element as it can be targeted in CSS  Just add  in place of the year and it will automatically be updated     Wait for everything to load first window addEventListener  load        gt          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

[javascript] Shortest way to print current year in a website

Examples related to javascript

Examples related to html

Examples related to date