使用JavaScript在HTML獲取當(dāng)前時(shí)間

更新時(shí)間：2022-05-06 09:13:07 來(lái)源：動(dòng)力節(jié)點(diǎn) 瀏覽3584次

動(dòng)力節(jié)點(diǎn)小編將告訴大家如何使用 JavaScript 在 HTML 中顯示當(dāng)前系統(tǒng)日期和時(shí)間。

將舉一個(gè)例子，使用 javascript document.getElementById(“ID”).innerHTML 在 H2 html 標(biāo)簽中顯示當(dāng)前日期和時(shí)間。以及顯示當(dāng)前日期名稱。

顯示當(dāng)前系統(tǒng)日期和時(shí)間的 JavaScript 代碼

JavaScript 代碼

  var today = new Date();
  var day = today.getDay();
  var daylist = ["Sunday","Monday","Tuesday","Wednesday ","Thursday","Friday","Saturday"];
  var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
  var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
  var dateTime = date+' '+time;
  document.getElementById("displayDateTime").innerHTML = dateTime + ' <br> Day :- ' + daylist[day];

帶有 JavaScript 的 HTML 源代碼

<html>
<head>
  <title>Display Current Date and Time in Html using Javascript</title>
</head>
<body>
  <h1>Get current date using JavaScript.</h1>
  <h2 id="displayDateTime"></h2>
</body>
  <script type="text/javascript">
  var today = new Date();
  var day = today.getDay();
  var daylist = ["Sunday","Monday","Tuesday","Wednesday ","Thursday","Friday","Saturday"];
  var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
  var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
  var dateTime = date+' '+time;  
  document.getElementById("displayDateTime").innerHTML = dateTime + ' <br> Day :- ' + daylist[day];
  </script>
</html>

您可以了解有關(guān) JavaScript 日期和時(shí)間方法的更多信息：

在 JavaScript 中獲取當(dāng)前日期和時(shí)間

采用 Date() 方法在 JavaScript 中創(chuàng)建具有當(dāng)前日期和時(shí)間的對(duì)象。這提供了 UTC 時(shí)區(qū)的輸出。

var today = new Date();

1. JavaScript 中的當(dāng)前日期

使用以下腳本以“ Ymd ”格式使用 JavaScript 獲取當(dāng)前日期。

var today = new Date();
var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();

getFullYear() – 提供當(dāng)前年份，如 2020 年。

getMonth() – 提供當(dāng)前月份值 0-11。其中 0 表示 1 月，11 表示 12 月。因此添加 +1 以獲得結(jié)果。

getDate() – 提供月份值 1-31。

2. JavaScript 中的當(dāng)前時(shí)間

使用以下腳本以“ H:i:s ”格式使用 JavaScript 獲取當(dāng)前時(shí)間。

var today = new Date();
var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();

getHours() – 提供 0-23 之間的當(dāng)前小時(shí)。

getMinutes() – 提供 0-59 之間的當(dāng)前分鐘數(shù)。

getSeconds() – 提供 0-59 之間的當(dāng)前秒數(shù)。

3. JavaScript 中的當(dāng)前日期和時(shí)間

使用以下腳本以“ Ymd H:i:s ”格式使用 JavaScript 獲取當(dāng)前日期和時(shí)間。您可以簡(jiǎn)單地將上述 JavaScript 代碼的輸出合并到一個(gè)變量中，如下所示：

var today = new Date();
var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
var dateTime = date+' '+time;

以上就是關(guān)于“使用JavaScript在HTML獲取當(dāng)前時(shí)間”的介紹，大家如果想了解更多相關(guān)知識(shí)，可以關(guān)注一下動(dòng)力節(jié)點(diǎn)的HTML教程，里面的課程內(nèi)容更加豐富，希望對(duì)大家的學(xué)習(xí)能夠有所幫助哦。