Click here to Skip to main content
6,595,444 members and growing! (19,914 online)
Email Password   helpLost your password?
Web Development » Client side scripting » General     Intermediate

Displaying the client's current date and time

By Srdjan Mladenovic

Simple set of functions to display the client's date and time on your web pages.
Javascript, Dev
Posted:23 Oct 2003
Views:53,743
Bookmarked:6 times
Announcements
Loading...
 
Search    
Advanced Search
Add to IE Search
printPrint   add Share
      Discuss Discuss   Broken Article?Report  
14 votes for this article.
Popularity: 4.67 Rating: 4.07 out of 5
2 votes, 14.3%
1
1 vote, 7.1%
2
1 vote, 7.1%
3

4
10 votes, 71.4%
5

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.

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

About the Author

Srdjan Mladenovic


Member
Fortran,C,C++,Visual C++ ,C#,SQL,HTML,JavaScript,ASP Software and Web developer from Leskovac Serbia
Occupation: Web Developer
Location: Yugoslavia Yugoslavia

Other popular Client side scripting articles:

Article Top
You must Sign In to use this message board.
FAQ FAQ 
 
Noise Tolerance  Layout  Per page   
 Msgs 1 to 13 of 13 (Total in Forum: 13) (Refresh)FirstPrevNext
QuestionDate and time javascript PinsussAnonymous13:43 6 Sep '05  
GeneralCode does not work for me PinmemberZon Dynamics1:16 26 May '05  
GeneralRe: Code does not work for me PinmemberSrdjan Mladenovic5:19 26 May '05  
GeneralRe: Code does not work for me PinmemberZon Dynamics7:20 26 May '05  
GeneralRe: Code does not work for me PinmemberSrdjan Mladenovic1:51 27 May '05  
GeneralRe: Code does not work for me PinmemberZon Dynamics8:47 27 May '05  
GeneralRe: Code does not work for me PinmemberSrdjan Mladenovic12:56 27 May '05  
GeneralRe: Code does not work for me PinmemberZon Dynamics10:23 28 May '05  
GeneralWorks fine Pinmembermaroasis20006:32 9 Mar '04  
GeneralUseful but poor explaination Pinmembervernijus12:29 7 Jan '04  
GeneralYep, I'm confused again Pinmemberdog_spawn4:59 25 Oct '03  
GeneralRe: Yep, I'm confused again PinsussAnonymous9:53 28 Oct '03  
GeneralJavascript is *clientside* btw Pinmemberdog_spawn7:48 30 Oct '03  

General General    News News    Question Question    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

PermaLink | Privacy | Terms of Use
Last Updated: 23 Oct 2003
Editor: Smitha Vijayan
Copyright 2003 by Srdjan Mladenovic
Everything else Copyright © CodeProject, 1999-2009
Web22 | Advertise on the Code Project