Simple Javascript Clock

This is a small and very simple tutorial on how to create a clock for your website using  javascript.Just add the below code to the section of your website where you want the clock to be displayed

<span id="clock"></span>
<script type="text/javascript">
{
function startclock()//script from mistonline.in
  var thetime=new Date();
  var nhours=thetime.getHours();
  var nmins=thetime.getMinutes();
  var nsecn=thetime.getSeconds();
  var nday=thetime.getDay();
  var nmonth=thetime.getMonth();
  var ntoday=thetime.getDate();
  var nyear=thetime.getYear();
  var AorP = (nhours >= 12) ? "P.M." : "A.M.";
  if (nhours>=13)
    nhours-=12;
  if (nhours&lt;1)
   nhours=12;
  if (nsecn&lt;10)
   nsecn="0"+nsecn;
  if (nmins&lt;10)
   nmins="0"+nmins;
  switch (nday) {
    case 0 : nday = "Sunday"; break;
    case 1 : nday = "Monday"; break;
    case 2 : nday = "Tuesday"; break;
    case 3 : nday = "Wednesday"; break;
    case 4 : nday = "Thursday"; break;
    case 5 : nday = "Friday"; break;
    case 6 : nday = "Saturday"; break;
  }
  nmonth+=1;
  if (nyear< =99)
    nyear= "19"+nyear;
  if ((nyear>99) && (nyear&lt;2000))
   nyear+=1900;

  var clock_span = document.getElementById("clock");
  clock_span.innerHTML = nhours+":"+nmins+":"+nsecn+" "+AorP+" "+nday+", "+nmonth+"/"+ntoday+"/"+nyear;

setTimeout('startclock()',1000);
}

if (document.getElementById && document.createTextNode) {
  startclock();
}
</script>

Thanks

Incoming search terms:

• simple javascript clock (14)
• jquery clock tutorial (6)
• simple php clock (6)
• jquery simple clock (5)
• simple clock script jquery (5)
• ajax clock tutorial (4)
• php jquery clock (3)
• php clock tutorial (3)
• simple php javascript clock (3)
• simple javascript clock script (2)
• PHP simple clock script (2)
• simple web clock code (1)
• solution javascript and ajax tutorial 4 case 1 (1)
• simple clock java script (1)
• tiny javascript clock (1)
• simple clock (1)
• php simple jquery clock (1)
• tip simple javascript (1)
• website clock script (1)
• php script of clock (1)
• php jquery simple clock (1)
• simple clock php script (1)
• simple clock script (1)
• simple php clock jquery (1)
• simple web java clock (1)
• simple jquery clock with php (1)
• simple javascript tips (1)
• simplest javascript clock (1)
• Simple Javascript clock php (1)
• simple javascript clock code (1)
• small java clock (1)
• small simple clock code (1)
• writing a jquery clock (1)
• php javascript clock script (1)
• javascript and ajax tutorial tutorial 5 case 3 (1)
• java clock 6 (1)
• how to make a simple javascript clock (1)
• how to add a clock to website using java (1)
• clock_span innerHTML (1)
• clock jquery javascript example (1)

You will also be interested in ,

• Fade in Fade out effect using simple jquery
• Agree Before Entry Using Javascript
• Insert text and smilies in to textarea using javascript
• LED Display or Scrolling text using javascript
• Javascript Countdown Script
• Displaying Text from User On Your Webpage
• Close Event In Javascript Using OnUnload()
• Banner rotator with preference using javascript
• Text auto slide information box using javascript.
• Changing the image by dynamically changing the image source using javascript