DHTML Clock

This DHTML clock is made by combining changing effect and looping. If you know about javascript, this should be easy. Here is the code:

  function clock() {	var time = new Date();	var hou = time.getHours();	var min = time.getMinutes();	var sec = time.getSeconds();	view.innerHTML = hou+":"+min":"+sec	setTimeout ("clock()",100)  }

It is very simple but if you want to display A.M. or P.M. just put this scripts: 

  if (hou == 0) {  	ap = " Midnight";  } else if (hou < 12) {   	ap = " A.M.";  } else if (hou == 12) {  	hou = "12";  	ap = " Noon";  } else {  	hou =hou - 12  	ap = " P.M.";  }    if (min < 10) {	min = "0"+min;  }  else {	min = min;  }  if (sec < 10) {	sec = "0"+sec;  }  else {	sec =sec;  }  view.innerHTML = hou+":"+min+":"+sec+ap

Now you made great clock. Here is the example:

Back to home.