JS做的自动时钟
自动时钟使用了Date(),Windows对象的setTimeout方法,body标签的onload事件
自动时钟
1 自动时钟 2 <script type="text/javascript"> 3 function Clock(){ 4 var time = new Date();//初始化Date() 5 var year = time.getFullYear();//得到年 6 var month = time.getMonth()+1;//得到月,英文从0开始,所以要加一 7 var day = time.getDate();//得到天 8 var week = time.getDay();//得到星期 9 var hour = time.getHours();//得到小时 10 var minute = time.getMinutes();//得到分钟 11 var second = time.getSeconds();//得到秒 12 var flag = 'AM';//为了判断是上午还是下午 13 //选择星期,按汉字显示 14 switch(week){ 15 case 1:week = "一"; break; 16 case 2:week = "二"; break; 17 case 3:week = "三"; break; 18 case 4:week = "四"; break; 19 case 5:week = "五"; break; 20 case 6:week = "六"; break; 21 default: week = "日";break; 22 } 23 //如果时间小于10,则在前加上0 24 if(hour<10){ 25 hour = "0" + hour; 26 27 } 28 //如果时间大于10,则在flag表示下午(PM) 29 if(hour>12){ 30 flag = "PM"; 31 } 32 //如果分钟小于10,则在前加上0 33 if(minute<10){ 34 minute = "0" + minute; 35 } 36 //如果秒小于10,则在前加上0 37 if(second<10){ 38 second = "0" + second; 39 } 40 var result = year+"年 "+month+"月 "+day+"日 星期"+week+" "+hour+":"+minute+":"+second + " "+flag; 41 document.getElementById("a").innerHTML = result; 42 setTimeout("Clock()",1000);// windows对象的方法,指经过指定毫秒值后计算一个表达式。 43 } 44 </script> 45 <body onload = "Clock()">//onload事件:当浏览器装入对象后立即触发。 46 <div id = "a" style = "width:100%;height:100px;">自动时钟<div> 47 </body>