Clock & Date - JavaScript Clock Code

Simply select any month of any year, and JavaScript will "build" you the calendar for that month.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script language="javascript">
<!-- Hide from old browsers


  var timerID = null
  var timerRunning = false
  function MakeArray(size)
  {
  this.length = size;
  for(var i = 1; i <= size; i++)
  {
  this[i] = "";
  }
  return this;
  }
  function stopclock (){
  if(timerRunning)
  clearTimeout(timerID);
  timerRunning = false
  }
  function showtime () {
  var now = new Date();
  var year = now.getYear() +1900;
  var month = now.getMonth() + 1;
  var date = now.getDate();
  var hours = now.getHours();
  var minutes = now.getMinutes();
  var seconds = now.getSeconds();
  var day = now.getDay();
  Day = new MakeArray(7);
  Day[0]="SUN";
  Day[1]="MON";
  Day[2]="TUE";
  Day[3]="WED";
  Day[4]="THU";
  Day[5]="FRI";
  Day[6]="SAT";
  var timeValue = "";
  timeValue += (Day[day]) + "   ";
  timeValue += ((month > 10) ? " 0" : " ") + month + "-";
  timeValue += date + "-" + year + "    ";
  timeValue += ((hours <= 12) ? hours : hours - 12);
  timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
  timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
  timeValue += (hours < 12) ? " AM" : " PM";
  document.jsfrm.face.value = timeValue;
  timerID = setTimeout("showtime()",1000);
  timerRunning = true
  }
  function startclock () {
  stopclock();
  showtime()
  }
  // End Hiding -->

</script>

Insert this code into <body> tags

<form name='jsfrm'>
<input type=text name='face' size=27 value=''>
</form>

Instruction:

Replace <body> to <body onLoad="startclock();">.

Webmaster » Web Programming » JavaScript » Clock Code » Clock & Date

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links