12小时制时钟
學習中的小例子，希望能幫到你
先在HTML里面給個div，讓時鐘有個地方顯示
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><link href="Clock.css" rel="stylesheet"> </head> <body> <h1>Digital Clock</h1> <div class="clock"></div> <script src="Clock.js"></script> </body> </html>接下來，創建js文件，使用Date()函數，把時間分為時、分、秒來顯示，通過比較小時和分鐘的大小，來區分上午和下午，這時就把24小時制變成12小時制的時鐘了
/** * Created by Administrator on 2017/12/3. */ var time= self.setInterval("clock()",30); function clock() {var t = new Date();var t1 = t.getHours();var t2 = t.getMinutes();var t3 = t.getSeconds();if (t1 > t2) {document.getElementsByClassName("clock")[0].innerHTML = "PM" + t1 + ":" + t2 + ":" + t3;} else {document.getElementsByClassName("clock")[0].innerHTML = "AM" + t1 + ":" + t2 + ":" + t3;} } window.onload=clock();總結
- 上一篇： 计算机文档的标志不见了,我的文档图标不见
- 下一篇： 苹果mac休眠快捷键_哪里不会点哪里苹果