如何在 JavaScript 中获取当前日期/时间(以秒为单位)?


在 JavaScript 中,有一些内置方法可以获取当前日期和时间(以秒为单位)。我们将通过两种方式来实现这一点:

  • 使用 **Date.now()** 方法

  • 使用新的 Date **getTime()** 方法

让我们深入文章,以便更好地理解如何获取当前日期和时间(以秒为单位)。

使用 Date.now() 方法

**Date.now()** 静态方法返回自纪元(Epoch)以来经过的毫秒数,纪元被认为是 1970 年 1 月 1 日 UTC 午夜的开始。

语法

以下是 **Date.now()** 的语法:

Date.now()

示例

在以下示例中,我们使用 **Date.now()** 运行脚本以获取日期和时间(以秒为单位)。

<!DOCTYPE html>
<html>
   <body style="background-color:#D5F5E3 ">
      Current date/time in seconds is:
      <span class="tutorial">
         <button onclick="dateinsec()">Click To Get Date Time In Sec</button>
         <script>
            function dateinsec() {
               dateInMillisecs = Date.now();
               dateInSecs = Math.round(dateInMillisecs / 1000);
               document.querySelector('.tutorial').textContent =
               dateInSecs;
            }
         </script>
      </span>
   </body>
</html>

当脚本执行时,它将在网页上生成包含文本和单击按钮的输出。如果用户单击该按钮,则会触发事件并在网页上显示日期和时间(以秒为单位)。

使用 new Date.getTime() 方法

JavaScript 的 date getTime() 方法返回对应于指定日期(根据世界标准时间)的时间的数值。getTime 方法返回的值是从 1970 年 1 月 1 日 00:00:00 以来经过的毫秒数。

语法

以下是 new **Date.getTime()** 的语法:

Date.getTime()

示例

请考虑以下示例,在这里我们使用 **Date.getTime()** 运行脚本以获取日期和时间(以秒为单位)。

<!DOCTYPE html>
<html>
   <body style=" text-align:center;background-color:#EBF5FB;">
      Current date/time in seconds is:
      <span class="tutorial">
         <button onclick="gettimeinsec()">Get current time</button>
         <script>
            function gettimeinsec() {
               dateInMillisecs = new Date().getTime();
               dateInSecs = Math.round(dateInMillisecs / 1000);
               document.querySelector('.tutorial').textContent =
               dateInSecs;
            }
         </script>
      </span>
   </body>
</html>

运行上述脚本后,将弹出输出窗口,在网页上显示文本和单击按钮。当用户单击该按钮时,将触发事件并获取时间(以秒为单位)。

示例

执行以下代码,并观察我们如何获取日期和时间(以秒为单位)。

<!DOCTYPE html>
<html>
<body>
   <script>
      var currentDateTime = new Date();
      document.write("The current date time is as follows:" + "<br>");
      document.write(currentDateTime + "<br>");
      var resultInSeconds = currentDateTime.getTime() / 1000;
      document.write("The current date time in seconds is as follows:" + "<br>")
      document.write(resultInSeconds);
   </script>
</body>
</html>

当脚本执行时,将弹出输出窗口,触发事件并根据 IST 显示当前日期和时间,以及网页上的日期和时间(以秒为单位)。

更新于: 2023-04-21

13K+ 阅读量

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告