title: Displaying Timezone abbreviation with Date.js
body: <p>I have a script that reads the users timezone and displays a time according to users. How do I display the timezone abbreviation?</p>
  
  <p>I have a gaming site, and on posts we write "We'll be playing live at 7:00". Users from around the world read our blog, and want to watch live. I have the following script that is supposed to read the users timezone, and displays the time according to where the user lives.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;title&gt;Localtime&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      We'll be playing live at &lt;span class="localtime"&gt;7:00PM EDT&lt;/span&gt;
      &lt;script src="//cdnjs.cloudflare.com/ajax/libs/datejs/1.0/date.min.js"&gt;&lt;/script&gt;
      &lt;script
        var els = document.getElementsByClassName('localtime');
        for (var i = 0, l = els.length; i &lt; l; i++)
          els[i].innerHTML = 
            Date.parse(els[i].innerHTML).toLocaleString();
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>How do I display a user-specific timezone abbreviation beside the time, so users know that the time is based on their timezone?</p>