js實現12小時時鍾

本文轉載自查看原文 2016-05-26 23:13 3207

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 5 <title>制作12小時進制的時鍾</title>
 6 <script type="text/javascript">
 7 
 8 function clock_12h()
 9 {
10  var today = new Date(); //獲得當前時間
11  //獲得年、月、日，Date()函數中的月份是從0－11計算
12  var year = today.getFullYear();  
13  var month = today.getMonth()+1;
14  var date = today.getDate();
15  var hour = today.getHours();  //獲得小時、分鍾、秒
16  var minute = today.getMinutes();
17  var second = today.getSeconds();
18  
19  var apm="AM"; //默認顯示上午: AM
20  if (hour>12) //按12小時制顯示
21  {
22     hour=hour-12;
23     apm="PM"  ;
24  }
25  var weekday = 0;
26  switch(today.getDay()){
27     case 0:
28       weekday = "星期日";
29     break;
30     case 1:
31       weekday = "星期一";
32     break;
33     case 2:
34       weekday = "星期二";
35     break;
36     case 3:
37       weekday = "星期三";
38     break;
39     case 4:
40       weekday = "星期四";
41     break;
42     case 5:
43       weekday = "星期五";
44     break;
45     case 6:
46       weekday = "星期六";
47     break;
48  }
49  
50   /*設置div的內容為當前時間*/
51  document.getElementById("myclock").innerHTML="<h2>你好，歡迎訪問貴美商城！</h2><h2>"+year+"年"+month+"月"+date+"日&nbsp;"+hour+":"+minute+":"+second+"&nbsp;"+apm+"&nbsp;"+weekday+"</h2>";
52 
53 }
54 /*使用setInterval()每間隔指定毫秒后調用clock_12h()*/
55 var myTime = setInterval("clock_12h()",1000);
56 
57 </script>
58 </head>
59 
60 <body>
61 <div id="myclock"></div>
62 </body>
63 </html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 JS將時間對象輸出為(12小時制和24小時制)的字符串 JS的(new Date()).toLocaleString，系統設置為24小時，仍然顯示為12小時。 h5實現實時時鍾 js增加8小時將12小時制改為24小時制 DateTime 的24小時和12小時制 mysql 12小時和24小時轉換【python】實現一個python編程的小時鍾！ 12-24小時制 DS12C887時鍾模塊, STC89和STC12的代碼實現