scriptygoddess

A 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.

This entry was posted on Monday, August 25th, 2003 at 9:05 pm and is filed under Scripts. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.