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

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

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

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

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

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

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

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

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

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

1、指定位置的時(shí)鐘顯示

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

效果圖：

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

源代碼：

<!doctype html>
<html>
 <head>
 <meta charset="utf-8">
 <title>指定位置的時(shí)鐘</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小時(shí)制的
    {
     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小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

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

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

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

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

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

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