简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

js如何實現目前時間的顯示（程式碼）

不言
發布： 2018-08-20 14:56:07
原創
2108 人瀏覽過

這篇文章帶給大家的內容是關於js如何實現目前時間的顯示（程式碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。 

<html>
  <head>
    <title>js实现当前日期显示</title>

   
  </head>

  <body style="text-align: center">

    <div>
      <span id="curTime" style="font-size: 18px;color: #00be67"></span>
    </div>

  </body>

  <script type="text/javascript" charset="utf-8">
  $(function(){

  var date = new Date();
          var weekDay = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
          var year = date.getFullYear();
          var month = date.getMonth()+1;
          var day = date.getDate();
          var week = weekDay[date.getDay()];         
          $("#curTime").html(year+"年"+month+"月"+day+"日&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp"+week);
})

   
  </script>

</html>
登入後複製

相關建議：

js顯示時間 js顯示最後修改時間_javascript技巧

JS jQuery顯示開機時間（精確到秒）

JS實作即時顯示時間

#

以上是js如何實現目前時間的顯示（程式碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
js
來源：php.cn
上一篇：js中tree的深度優先遍歷與廣度優先遍歷的演算法實現 下一篇：js正規表示式的test()、exec()以及match()之間的區別對比（附範例）
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
在多個路由中聲明的workerpool是否仍然可以保持其cpu使用率而不關心閾值 我希望找到一個帶有workerpool的node.js系統來處理CPU密集型任務，但是對於多條路由中的cpu使用情況，我有點困惑。一個場景是這樣的：route1.js:constw...
來自於 2024-04-06 19:54:23
0
1
444
放大 d3.js 時散佈圖點不會保持值 這是我第一次使用d3.js，所以請耐心等待。我在vue.js檔案中將其作為純JavaScript實作。我正在嘗試製作具有縮放功能的散點圖。到目前為止，我幾乎一切正常，但當我縮放時，...
來自於 2024-04-06 18:16:26
0
1
403
顯示隱藏的側邊面板：選中 我希望在側面板中有一個導航選單，可以透過動畫漢堡選單切換到視圖。我想僅使用CSS創建它，而不使用任何JS。 :checked偽類似乎是可行的方法，但我無法讓它工作。到目前為止我擁有...
來自於 2024-04-06 15:49:33
0
1
319
我們是否應該使用 SSG 來部署使用 Nuxt.js 建立的儀表板？ 我們將使用Nuxt.js開發一個供內部使用的儀表板。由於這將是一個內部儀表板，因此不需要通用模式。一般大部分儀表板都是在SPA中開發的。但是SPA還需要伺服器將初始HTML和js套...
來自於 2024-04-06 13:17:44
0
1
493
Electron 在預先載入時取得 AppData 如何取得預先載入的AppData目錄？背景.js[...]asyncfunctioncreateWindow(){constwin=newBrowserWindow({width:...
來自於 2024-04-06 11:05:31
0
1
417
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！