全时钟，效果：（2010年06月22日星期二 1:20:40下午）

原创

紫晶幻治 2010-06-22 13:20:47 博主文章分类：js ©著作权

©著作权归作者所有：来自51CTO博客作者紫晶幻治的原创作品，如需转载，请与作者联系，否则将追究法律责任

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>全时钟</title>
</head>
<script language="JavaScript">
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();
   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]="星期天";
   Day[1]="星期一";
   Day[2]="星期二";
   Day[3]="星期三";
   Day[4]="星期四";
   Day[5]="星期五";
   Day[6]="星期六";
   var timeValue = "";
   timeValue += year + "年";
   timeValue += ((month < 10) ? "0" : "") + month + "月";
   timeValue += date + "日 ";
   timeValue += (Day[day]) + " ";
   timeValue += ((hours <= 12) ? hours : hours - 12);
   timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
   timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
   timeValue += (hours < 12) ? "上午" : "下午";
   document.jsfrm.face.value = timeValue;
   document.getElementById("d").innerHTML=timeValue;
   timerID = setTimeout("showtime()",1000);
   timerRunning = true
}
function startclock () {
   stopclock();
   showtime()
}
</script>
<form name='jsfrm'>
      <input type=text name='face' size=34 value=''>
</form>