前端开发自学之JavaScript——显示当前时间 

 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-width:3;">
22 </form>
23 </body>
24 </html>

javascript也是蛮好玩的啊！

以上为第一个JS小程序实现显示当前时间！

posted @ 2016-03-18 18:19  蒋立  阅读(1251)  评论(0)  编辑  收藏  举报