Localtime

index.html

<div>
  <label id="date" for="date">10:00 AM PST</label>
</div>

Localtime

Localtime
---------
Display a date in the local timezone. 

A [Pen](http://codepen.io/apasquale/pen/QyLKRx) by [Andrew Pasquale](http://codepen.io/apasquale) on [CodePen](http://codepen.io/).

[License](http://codepen.io/apasquale/pen/QyLKRx/license).

script.js

var options = { timeZoneName: 'short' };
$('#date').html( new Date( Date.UTC(2015, 12, 11, 18, 0)).toLocaleTimeString('en-US', options).replace(/:\d+ /, ' ') );

scripts

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

style.css

div {
  width: 200px;
  margin: 100px auto;
  padding: 50px;
  text-align: center;
  background-color: steelblue;
  border-radius: 20px;
}
label {
  font-family: Arial;
  font-size: 1.4em;
  color: #ffffff;
  margin-left: 10px;
}