前端开发自学之JavaScript——显示当前时间
Posted 蒋立
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端开发自学之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小程序实现显示当前时间！
以上是关于前端开发自学之JavaScript——显示当前时间的主要内容，如果未能解决你的问题，请参考以下文章