Display Date Time on Web Page

Use JavaScript to display date time on web page. Displaying the date and time within your web page is a good way to spice up your website and give it a more professional appearance.

var tmonth=new Array(“January”,”February”,”March”,”April”,”May”,”June”,”July”,”August”,”September”,”October”,”November”,”December”);

function GetClock(){
var d=new Date();
var nmonth=d.getMonth(),ndate=d.getDate(),nyear=d.getYear();
if(nyear<1000) nyear+=1900;

var nhour=d.getHours(),nmin=d.getMinutes(),ap;
if(nhour==0){ap=" AM";nhour=12;}
else if(nhour12){ap=” PM”;nhour-=12;}

if(nmin<=9) nmin="0"+nmin;

document.getElementById('webpageclock').innerHTML=""+tmonth[nmonth]+" "+ndate+", "+nyear+" "+nhour+":"+nmin+ap+"";
}

window.onload=function(){
GetClock();
setInterval(GetClock,1000);
}

 

Date and Time

To display the date and time within your web page, place the following code within your HTML where you would like the date and time to appear.

Edit the text in bold to suit your needs.

 
 
The following JavaScript code will display the date on your web page in the following format:

 
Place this code where you would like the date to appear:

 
To change the font style and color, enclose the above JavaScript code with your font tags. Or, better yet, use CSS.

You can change the date format from this:

 
To this:

 
Or this:

 

Locate the following line in the code:

Change it to one of the following codes.

If you’d like your date to be separated by a dash, use this code:

If you’d like your date to be separated by a period, use this code:

This concludes the Display Date on Web Page code.