Displaying the client's current date and time

Srdjan Mladenovic

4.58/5 (12 votes)

Oct 24, 2003

92421

Simple set of functions to display the client's date and time on your web pages.

Introduction

I present to you a simple set of functions to display the client's date and time on your web pages.

<script language=JavaScript type=text/JavaScript>


var dayarray=new Array ("Sunday","Monday","Tuesday","Wednesday",
               "Thursday","Friday","Saturday")

var montharray=new Array("January","February","March","April","May","June",
               "July","August","September","October","November","December")

function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn=""
if (hours>=12)
dn=""
if (hours>12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//Hire change font size
var cdate="< small> < font color='ffffff' face='Arial'>"
  +dayarray[day]
  +", "+daym+" "+montharray[month]+", "+year
  +" "+hours+":"+minutes+":"+seconds+" "+dn
  +"  < /small>"

if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}



</script>
<SPAN id=clock></SPAN>

To use this in your web pages, just include the above script somewhere, and call function goforit() in your <body> tag. For example:

<body leftMargin=0 topMargin=0 
  onload=goforit() marginwidth="0" marginheight="0">

It's very simple. Use it and enjoy.