<pre class="brush: js;highlight:6">

 function showTime() { 
 /*
 Element/component to hold the clock 
 */

 var component = document.getElementById("clock");
 
 var now=new Date(); 
 var year=now.getYear();

 if (year &lt; 1000) {
 year+=1900;
 }
 
 var day=now.getDay();
 var month=now.getMonth();
 
 var dayDisplay=now.getDate();
 
 if (dayDisplay&lt;10) {
 dayDisplay="0"+dayDisplay;
 }

 
 var dayName=new Array("Sunday","Monday","Tuesday",
 "Wednesday","Thursday","Friday","Saturday");
 
 var monthName=new Array("January","February",
 "March","April","May","June","July","August",
 "September","October","November",
 "December");
 
 var hours=now.getHours();
 var minutes=now.getMinutes();
 var seconds=now.getSeconds();
 
 var ampm="PM";
 if (hours&lt;12) {
 ampm="AM";
 }
 
 if (hours&gt;12) {
 hours=hours-12;
 }
 
 if (hours==0) {
 hours=12;
 }
 
 if (minutes&lt;=9) {
 minutes="0"+minutes;
 }
 
 if (seconds&lt;=9) {
 seconds="0"+seconds;
 }
 
 /*
 Reformat to suit your needs 
 */
 
 var clockdate= dayName[day]+" " + 
 monthName[month]+" "+dayDisplay+", "+ year +"&nbsp;&nbsp;"+
 hours+":"+minutes+":"+seconds+" "+ampm;

 component.innerHTML=clockdate;
 
 /*
 * Change desired frequency of update
 */
 setTimeout("showTime()",1000);
 
 }

 window.onload=showTime;
 
</pre>


Let us save the above into ./js/date.js 



The HTML page


<pre class="brush: xml;highlight:8">

 &lt;html&gt;
 &lt;head&gt;
 &lt;script type="text/javascript" 
 src="./js/date.js" /&gt;
 &lt;/head&gt;
 
 &lt;body&gt;
 &lt;span id="clock" style="font-style: 
 italic;font-size: 10px;font-weight: bold;" /&gt;
 &lt;/body&gt;
 &lt;/html&gt;
 
</pre>

A simple text based Javascript clock and date