Javascript to display client date and time on webpage
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> </TD>
<TD class=mainheading>
<P> </P>
</TD>
</TR>
<TR>
<TD colSpan=2>
<HR color=green>
</TD>
</TR>
<TR>
<TD width=77> </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> </P>
</TD>
</TR>
<TR>
<TD width=77> </TD>
<TD class=mainbody></TD>
</TR>
<TR>
<TD colSpan=2>
<HR color=green>
</TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
Archived Comments
Comment on this tutorial
- Data Science
- Android
- AJAX
- ASP.net
- C
- C++
- C#
- Cocoa
- Cloud Computing
- HTML5
- Java
- Javascript
- JSF
- JSP
- J2ME
- Java Beans
- EJB
- JDBC
- Linux
- Mac OS X
- iPhone
- MySQL
- Office 365
- Perl
- PHP
- Python
- Ruby
- VB.net
- Hibernate
- Struts
- SAP
- Trends
- Tech Reviews
- WebServices
- XML
- Certification
- Interview
categories
Related Tutorials
Use WinSCP to transfer log files remotely using Javascript
Verifying user input in JavaScript
Javascript to display client date and time on webpage
Getting Browser's height and width using Javascript
Highlighting text on a page using CSS
Scrolling message on the status bar using Javascript
Diabling Right Click option in a browser using Javascript
Password protect a web page using Javascript
Using revealTrans to do page transitions in Javascript
Form validation using Javascript
window.frames[i] in Javascript
Math object and Math functions in Javascript