scriptygoddessA neat, and easy, way to put a digital clock right into the code of your website/blog. Note that instead of a div, you can also use a span, as long as you use the same id.
Put this in your webpage:
<div id="digitalclock"></div>
Then, you can put this directly below that, or you can put it elsewhere if you wish. Up to you:
<script language="javascript">
function calctime()
{
var currenttime = new Date();
var hours = currenttime.getHours();
var minutes = currenttime.getMinutes();
var seconds = currenttime.getSeconds();
var timesuffix = "AM";
if (hours > 11)
{
timesuffix = "PM";
hours = hours – 12;
}
if (hours == 0)
{
hours = 12;
}
if (hours < 10)
{
hours = "0" + hours;
}
if (minutes < 10)
{
minutes = "0" + minutes;
}
if (seconds < 10)
{
seconds = "0" + seconds;
}
var clocklocation = document.getElementById('digitalclock');
clocklocation.innerHTML = hours + ":" + minutes + ":" + seconds + " " + timesuffix;
setTimeout("calctime()", 1000);
}
calctime();
</script>
Simple modifications to this would give you lower-case AM and PM, and can even give a 24-hour clock.
No related posts.
Related posts brought to you by Yet Another Related Posts Plugin.
