使用JavaScript在HTML獲取當前時間

更新時間：2022-05-06 09:13:07 來源：動力節點瀏覽3569次

動力節點小編將告訴大家如何使用 JavaScript 在 HTML 中顯示當前系統日期和時間。

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

顯示當前系統日期和時間的 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>

您可以了解有關 JavaScript 日期和時間方法的更多信息：

在 JavaScript 中獲取當前日期和時間

采用 Date() 方法在 JavaScript 中創建具有當前日期和時間的對象。這提供了 UTC 時區的輸出。

var today = new Date();

1. JavaScript 中的當前日期

使用以下腳本以“ Ymd ”格式使用 JavaScript 獲取當前日期。

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

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

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

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

2. JavaScript 中的當前時間

使用以下腳本以“ H:i:s ”格式使用 JavaScript 獲取當前時間。

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

getHours() – 提供 0-23 之間的當前小時。

getMinutes() – 提供 0-59 之間的當前分鐘數。

getSeconds() – 提供 0-59 之間的當前秒數。

3. JavaScript 中的當前日期和時間

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

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;

以上就是關于“使用JavaScript在HTML獲取當前時間”的介紹，大家如果想了解更多相關知識，可以關注一下動力節點的HTML教程，里面的課程內容更加豐富，希望對大家的學習能夠有所幫助哦。