使用JavaScript在HTML获取当前时间

更新时间：2022-05-06 09:13:07 来源：极悦浏览3230次

极悦小编将告诉大家如何使用 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教程，里面的课程内容更加丰富，希望对大家的学习能够有所帮助哦。