Click here to Skip to main content
15,878,809 members
Articles / Programming Languages / Javascript
Article

Displaying the client's current date and time

Rate me:
Please Sign up or sign in to vote.
4.58/5 (14 votes)
23 Oct 2003 91.4K   7   14
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.

JavaScript
<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:

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

It's very simple. Use it and enjoy.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here


Written By
Web Developer
Yugoslavia Yugoslavia
Fortran,C,C++,Visual C++ ,C#,SQL,HTML,JavaScript,ASP Software and Web developer from Leskovac Serbia

Comments and Discussions

 
QuestionHow do you access in page_Load() event? Pin
ing_miri1-Jul-13 10:11
ing_miri1-Jul-13 10:11 
I need to display some greetings in page_load() event of my asp.net page but as i can see the setting hour of my hidden field in client side is done only after the page_load() event is done.I really need to set that hidden field just before... Any ideas?
QuestionDate and time javascript Pin
Anonymous6-Sep-05 12:43
Anonymous6-Sep-05 12:43 
GeneralCode does not work for me Pin
Zon Dynamics26-May-05 0:16
Zon Dynamics26-May-05 0:16 
GeneralRe: Code does not work for me Pin
Srdjan Mladenovic26-May-05 4:19
Srdjan Mladenovic26-May-05 4:19 
GeneralRe: Code does not work for me Pin
Zon Dynamics26-May-05 6:20
Zon Dynamics26-May-05 6:20 
GeneralRe: Code does not work for me Pin
Srdjan Mladenovic27-May-05 0:51
Srdjan Mladenovic27-May-05 0:51 
GeneralRe: Code does not work for me Pin
Zon Dynamics27-May-05 7:47
Zon Dynamics27-May-05 7:47 
GeneralRe: Code does not work for me Pin
Srdjan Mladenovic27-May-05 11:56
Srdjan Mladenovic27-May-05 11:56 
GeneralRe: Code does not work for me Pin
Zon Dynamics28-May-05 9:23
Zon Dynamics28-May-05 9:23 
GeneralWorks fine Pin
maroasis20009-Mar-04 5:32
maroasis20009-Mar-04 5:32 
GeneralUseful but poor explaination Pin
vernijus7-Jan-04 11:29
vernijus7-Jan-04 11:29 
GeneralYep, I'm confused again Pin
dog_spawn25-Oct-03 3:59
dog_spawn25-Oct-03 3:59 
GeneralRe: Yep, I'm confused again Pin
Anonymous28-Oct-03 8:53
Anonymous28-Oct-03 8:53 
GeneralJavascript is *clientside* btw Pin
dog_spawn30-Oct-03 6:48
dog_spawn30-Oct-03 6:48 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.