生活随笔
收集整理的這篇文章主要介紹了
JavaScript 制作12小时进制的时钟特效
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
今天分享一個javaScript制作12進制時鐘特效的小題。
代碼如下
制作12進制的時鐘特效
> <!DOCTYPE html> <html> <head lang="en">
> <meta charset="UTF-8">
> <title>制作12進制的時鐘特效</title> </head> <body> <div id="myclock"></div> <script type="text/javascript">
>
> function clock_12h()
> {
> var today = new Date(); //獲得當前時間
> //獲得年、月、日，Date()函數中的月份是從0－11計算
> var year = today.getFullYear();
> var month = today.getMonth()+1;
> var date = today.getDate();
> var hour = today.getHours(); //獲得小時、分鐘、秒
> var minute = today.getMinutes();
> var second = today.getSeconds();
>
> var apm="AM"; //默認顯示上午: AM
> if (hour>12) //按12小時制顯示
> {
> hour=hour-12;
> apm="PM" ;
> }
> var weekday = 0;
> switch(today.getDay()){
> case 0:
> weekday = "星期日";
> break;
> case 1:
> weekday = "星期一";
> break;
> case 2:
> weekday = "星期二";
> break;
> case 3:
> weekday = "星期三";
> break;
> case 4:
> weekday = "星期四";
> break;
> case 5:
> weekday = "星期五";
> break;
> case 6:
> weekday = "星期六";
> break;
> }
>
> /*設置div的內容為當前時間*/
> document.getElementById("myclock").innerHTML="<h2>你好，歡迎訪問！</h2><h2>"+year+"年"+month+"月"+date+"日 "+hour+":"+minute+":"+second+" "+apm+" "+weekday+"</h2>";
>
> }
> /*使用setInterval()每間隔指定毫秒后調用clock_12h()*/
> var myTime = setInterval("clock_12h()",1000);
>
> </script> </body> </html>
總結
以上是生活随笔為你收集整理的JavaScript 制作12小时进制的时钟特效的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
