首页 > 编程语言 > 详细

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

时间:2016-03-18 20:05:31      阅读:141      评论:0      收藏:0      [点我收藏+]
 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小程序实现显示当前时间!

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

原文:http://www.cnblogs.com/jl29233zx/p/5293191.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!