Clock

by Avinash_R

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
<span class="ui-state-default ui-corner-all" id="clock"><span class="ui-icon ui-icon-clock"></span></span>

CSS

span.ui-icon {
    float: left;
    margin: 0 4px;
}
span.ui-state-default{
    margin: 2px;
    position: relative;
    padding: 2px 0;
    float: left;
}

JavaScript

var clock = document.getElementById('clock');

function setTitle() {
    d = new Date();
    var h = d.getHours();
    if (h > 12) {
        h = h > 12 ? h - 12 : h;
        var m = d.getMinutes();
        var s = d.getSeconds();
        clock.title = (h < 10 ? '0' + h : h) + ':' + (m < 10 ? '0' + m : m) + ':' + (s < 10 ? '0' + s : s) + ' PM';
    } else {
        clock.title = d.toLocaleTimeString() + ' AM';
    }
}

self.setInterval(setTitle, 1000);