當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
用JavaScript时钟特效
生活随笔
收集整理的這篇文章主要介紹了
用JavaScript时钟特效
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
實現效果：
?代碼如下：
<!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"; //默認顯示上午: AMif (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时钟特效的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 参加科学教师与计算机培训总结报告,信息技
- 下一篇： 网络编程-JavaScript中发送网络