Get Free Awesome clock with source code and full customization guide
Preview
(you must have JavaScript enabled
to see the time)
Note that this time displayed is taken from user computer and not from the server.
Source Code
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Josefin
+Sans" rel="stylesheet"></link>
<title>The Time</title>
<script type="text/javascript">
function mytime()
{
var d=new Date();
ap="AM";
h=d.getHours();
m=d.getMinutes();
s=d.getSeconds();
if (h>11) { ap = "PM"; }
if (h>12) { h = h-12; }
if (h==0) { h = 12; }
if (m<10) { m = "0" + m; }
if (s<10) { s = "0" + s; }
document.getElementById('timehere').innerHTML=h + ":" + m +
":" + s + " " + ap;
t=setTimeout('mytime()',500);
}
</script>
<style>
#timehere {font-size: 50px;font-family: Josefin Sans;
}
</style>
</head>
<body onload="mytime()">
<div style="text-align: center;">
<div class="timeline">
<span id="timehere">(you must have JavaScript enabled
to see the time)</span></div>
</div>
</body>
</html>
