JavaScript時間日期操作實例小結(jié)【5個示例】-創(chuàng)新互聯(lián)

本文實例講述了JavaScript時間日期操作。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供寧陜網(wǎng)站建設(shè)、寧陜做網(wǎng)站、寧陜網(wǎng)站設(shè)計、寧陜網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、寧陜企業(yè)網(wǎng)站模板建站服務(wù)，10年寧陜做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

本來想在網(wǎng)上找一些js實例來練練手，結(jié)果發(fā)現(xiàn)一本書《突破JavaScript編程實例五十講》，看了下內(nèi)容還不錯，就下了下來；

后面又下了該書籍的源碼，一看才發(fā)現(xiàn)這本書編的日期是2002年的，代碼運行之后，有些代碼可以運行，有些代碼已經(jīng)失效，原因是其所用的一些語言是已經(jīng)淘汰的了。

其次就是由于是很早之前寫的，那時候可能還沒有css，js,html分離的想法，都是雜糅在一起的，看起來很不舒服。

還有就是，代碼末尾都是不帶分號的，還有各種不加關(guān)鍵字var的隱性全局變量等，都影響了程序的整潔性，簡潔性。

于是就想，要不我把他的代碼重新編寫，來實現(xiàn)書中的要求。

在此，也對該書的作者馬健兵等編著表示致敬，感謝他們的辛苦編著。

由于空間的限制，就不將js,css以單獨文件存儲了，全部都在html文件中，但已分離。

1、指定位置的時鐘顯示

時鐘始終顯示在網(wǎng)頁的正中間，12小時制。

效果圖：

JavaScript時間日期操作實例小結(jié)【5個示例】

源代碼：

<!doctype html>
<html>
 <head>
 <meta charset="utf-8">
 <title>指定位置的時鐘</title>
 <style>
  body{
   font-size: 30px;
   font-family: Arial;
   background: #fef4d9;
  }
  #Current-time{
   color:#66ff00;
   font-size: 30px;
  }
  #liveclock{
   position:absolute;
   top:50%;
   left: 50%;
   width: 250px;
   height: 100px;
   margin: -50px 0 0 -125px;
  }
  p{
   text-align: center;
   color:#ff00ff;
   margin: 0px;
  }
 </style>
 </head>
 <body>
  <div id="liveclock" >
   <div id="show"></div>
  </div>
  <script >
   function display()
   {
    var Digital=new Date();
    var hours=Digital.getHours();
    var minutes=Digital.getMinutes();
    var seconds=Digital.getSeconds();
    var dn="AM";
    if(hours>12)  //改成12小時制的
    {
     dn="PM";
     hours=hours-12;
    }
    if(hours==0)
     hours=12;
    if(minutes<=9)
     minutes="0"+minutes; //改成兩位數(shù)的顯示
    if(seconds<=9)
     seconds="0"+seconds;
   var myclock="<b><p id='Current-time'>Current time is:</p><p>"+hours+":"+minutes+":"+seconds+" "+dn+"</p></b>";
   var liveclock=document.getElementById("liveclock");
     liveclock.innerHTML=myclock;
   setTimeout("display()",1000);
   }
   display();
  </script>
 </body>
</html>

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文名稱：JavaScript時間日期操作實例小結(jié)【5個示例】-創(chuàng)新互聯(lián)
URL網(wǎng)址：http://muchs.cn/article4/dshoie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、網(wǎng)站收錄、App開發(fā)、Google、App設(shè)計、服務(wù)器托管

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容