Javascript to display client date and time on webpage

By: pmprash@yahoo.co.in Viewed: 161 times  Printer Friendly Format    


Use below code to display client date and time on web page. <HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content=\"text/html; charset=iso-8859-1\">
<STYLE type=text/css>.mainheading {     FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }.mainbody {     FONT-SIZE: x-small; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: square}.maintitle { FONT-WEIGHT: bold; FONT-SIZE: medium; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}</STYLE>
</HEAD>
<BODY text=#000000 bgColor=#ffffff leftMargin=1 topMargin=0 onload=\"setFromTo();\">
<TABLE cellSpacing=3 cellPadding=0 width=770 border=0>
 <TBODY>
 <TR>
   <TD width=77>&nbsp;</TD>
   <TD class=mainheading>
     <P>&nbsp;</P>

   </TD>
 </TR>
 <TR>
   <TD colSpan=2>
     <HR color=green>
   </TD>
 </TR>
 <TR>
   <TD width=77>&nbsp;</TD>
   <TD><P></P>
<P>Today\'s Date & Time on Client machine </P>
<SCRIPT LANGUAGE=\"JavaScript\">
<!--
tday  =new Array(\"Sun\",\"Mon\",\"Tue\", \"Wed\",\"Thu\",\"Fri\",\"Sat\ ");
tmonth=new Array(\"January\",\"February\" ,\"March\",\"April\",\"May\",\ "June\",\"July\",\"August\",\" September\",\"October\",\" November\",\"December\");
function GetClock(){
d = new Date();
nday   = d.getDay();
nmonth = d.getMonth();
ndate  = d.getDate();
nyeara = d.getYear();
nhour  = d.getHours();
nmin   = d.getMinutes();
nsec   = d.getSeconds();
if(nyeara<1000){nyeara=(\"\"+( nyeara+11900)).substring(1,5); }
else{nyeara=(\"\"+(nyeara+ 10000)).substring(1,5);}
    if(nhour ==  0) {ap = \" AM\";nhour = 12;}
else if(nhour <= 11) {ap = \" AM\";}
else if(nhour == 12) {ap = \" PM\";}
else if(nhour >= 13) {ap = \" PM\";nhour -= 12;}
if(nmin <= 9) {nmin = \"0\" +nmin;}
if(nsec <= 9) {nsec = \"0\" +nsec;}
document.getElementById(\' clockbox\').innerHTML=\"\"+ tday[nday]+\", \"+tmonth[nmonth]+\" \"+ndate+\", \"+nyeara+\" \"+nhour+\":\"+nmin+\":\"+ nsec+ap+\"\";
setTimeout(\"GetClock()\", 1000);
}
window.onload=function(){ GetClock();}
//--></script>
<div id=\"clockbox\"></div>
<P></P>
<P> Admin</P>
  <P class=mainbody>&nbsp;</P>
   </TD>
 </TR>
 <TR>
   <TD width=77>&nbsp;</TD>
   <TD class=mainbody></TD>

 </TR>
 <TR>
   <TD colSpan=2>
     <HR color=green>
   </TD>
 </TR>
 </TBODY>
</TABLE>
</BODY>
</HTML>



Most Viewed Articles (in Javascript )

Latest Articles (in Javascript)

Comment on this tutorial