Programming Tutorials

(追記) (追記ここまで)

Javascript to display client date and time on webpage

By: [email protected] in Javascript Tutorials on 2009年12月26日 [フレーム]

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>&nbsp;</P>
 </TD>
 </TR>
 <TR>
 <TD width="77">&nbsp;</TD>
 <TD></TD>
 </TR>
 <TR>
 <TD colSpan="2">
 <HR>
 </TD>
 </TR>
 </TBODY>
 </TABLE>
</BODY>
</HTML>

Previous
<< Getting Browser's height and width using Javascript

Next
Verifying user input in JavaScript>>

(追記) (追記ここまで)