1 <html> 2 <head> 3 <title>JavaScript</title> 4 <script language="javascript"> 5 function showtime(){ 6 var now_time = new Date() ; // 创建时间对象 7 var hours = now_time.getHours() ; //获得当前小时数 8 var minutes = now_time.getMinutes() ; //获得当前分钟数 9 var seconds = now_time.getSeconds() ; //获得当前秒数 10 var timer = "" + ((hours > 12) ? hours - 12 : hours ) ; //将小时数值赋予变量timer 11 timer += ((minutes < 10) ? ":0" : ":") + minutes ; //将分钟数值赋予变量timer 12 timer += ((seconds < 10) ? ":0" : ":") + seconds ; //将秒数值赋予变量timer 13 timer += " " + ((hours > 12) ? "pm" : "am") ; //将字符am或pm赋予变量timer 14 document.clock.show.value = timer ; //在名为clock的表单中输出变量timer的值 15 setTimeout("showtime()",1000) ; //设置每隔一秒钟自动调用一次showtime()函数 16 } 17 </script> 18 </head> 19 <body onload=showtime()> 20 <form name="clock" onSubmit="0"> 21 <input type="text" name="show" size="10" style="background-color: lightyello;border-3;"> 22 </form> 23 </body> 24 </html>
javascript也是蛮好玩的啊！
以上为第一个JS小程序实现显示当前时间！