js实现ｈｔｍｌ页面显示时间的定时刷新

１、在html文件中的设置：

html代码 
 1 <STYLE type="text/css">
 2 <!--
 3 /*枠線なし*/
 4 INPUT {
 5     font-size: 50px;
 6     color: #CC0000;
 7     border-style:none //设置样式：无边框的文本框
 8 
 9 }
10 -->
11 </STYLE>
12 </HEAD>
13 <BODY onLoad="disptime( )"> //Onload ( ) 事件，页面加载就调用函数：disptime
14 （显示时间）
15 
16 <FORM NAME="myform">
17 <INPUT name="myclock" type="text"   value="" >
18 </FORM>

 

2、具体的js代码的设置：

js代码 
 1 <SCRIPT language="JavaScript">
 2 function disptime( )
 3 {
 4  var time = new Date( ); //現在の時間
 5  var hour = time.getHours( );  //時、分、秒
 6  var minute = time.getMinutes( );
 7  var second = time.getSeconds( );
 8  var apm="AM"; //默认显示上午: AM
 9  if (hour>12) //午前: AM
10  {
11     hour=hour-12;
12     apm="PM"  ;
13  }
14  if (minute < 10) //分は1桁の場合、先頭に0を補足
15    minute="0"+minute;
16  if (second < 10) //秒は1桁の場合、先頭に0を補足
17    second="0"+second;
18 document.myform.myclock.value= hour+":"+minute+":"+                                                  
19                                                                                 second+" "+apm;
20 var myTime = setTimeout("disptime(  )",1000); //使用定时器函数，每隔1秒调用disptime( )函数刷新显示
21 
22 }
23 </SCRIPT>

 

posted @ 2013-01-25 11:19  茶陵后  阅读(1130)  评论(0)  编辑  收藏  举报