當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
前端开发自学之JavaScript——显示当前时间
生活随笔
收集整理的這篇文章主要介紹了
前端开发自学之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 οnlοad=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小程序實現顯示當前時間！
轉載于:https://www.cnblogs.com/jl29233zx/p/5293191.html
總結
以上是生活随笔為你收集整理的前端开发自学之JavaScript——显示当前时间的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Jmeter进行分布式性能测试
- 下一篇： 开心消消乐隐藏关163怎么过