１、在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>