如何在 JavaScript Date 对象中添加 30 分钟？

在本教程中，我们将学习如何在 JavaScript Date 对象中添加 30 分钟。我们将讨论以下两种方法。

  • 使用 setMinutes() 方法

  • 使用 getTime() 方法

使用 setMinutes 方法

Date 对象的setMinutes() 函数接受一个表示分钟的整数，并用它替换当前日期中分钟的值。

语法

Date.setMinutes(min, sec, ms);

参数

  • min − 一个介于 0 和 59 之间的整数，表示分钟。

  • sec − 一个介于 0 和 59 之间的整数，表示秒。如果您指定 sec 参数，则也必须指定min。

  • ms − 一个介于 0 和 999 之间的数字，表示毫秒。如果您指定ms 参数，则也必须指定min 和sec。

方法

要使用 setMinutes 方法在 Date 对象中添加 30 分钟，首先我们使用 getMinutes() 方法获取当前时间的分钟值，然后向其中添加 30，并将添加后的值传递给 setMinutes() 方法。

示例

在此示例中，我们将 30 分钟添加到当前时间。

<html>
<head>
   <title>Example- adding 30 minutes to JavaScript Date Object</title>
</head>
<body>
   <h2> Add 30 minutes to the JavaScript Date object using setMinutes( ) method </h2>
   <p> Click on the button to add 30 minutes to the current date/time.</p>
   <button onclick="add()">Click Me</button>
   <p id="currentTime">Current Time : </p>
   <p id="updatedTime">Updated Time: </p>
</body>
<script>
   // Code the show current time
   let ct = document.getElementById("currentTime")
   setInterval(() => {
      let currentTime = new Date().getTime();
      ct.innerText = "Current Time : " + new Date(currentTime).toLocaleTimeString()
   }, 1000)
   
   // Code to add 30 minutes to current Time
   let ut = document.getElementById("updatedTime")
   function add() {
      setInterval(() => {
      let dt = new Date();
      dt.setMinutes(dt.getMinutes() + 30)
      ut.innerText = "Updated Time : " + dt.toLocaleTimeString();
      }, 1000)
   }
</script>
</html>

使用 getTime() 方法

JavaScript Date getTime() 方法根据世界标准时间返回与指定日期时间相对应的数值。getTime() 方法返回的值是从 1970 年 1 月 1 日 00:00:00 开始的毫秒数。

语法

Date.getTime()

方法

要在 Date 对象中添加 30 分钟，首先我们使用 Date.getTime() 方法获取当前时间，然后向其中添加 30 分钟的毫秒值 (30 * 60 * 1000)，并将添加后的值传递给 Date 对象。

示例

在此示例中，我们使用 getTime() 方法将 30 分钟添加到当前时间。

<html>
<head>
   <title>Example- add 30 minutes to Date Object</title>
</head>
<body>
   <h2> Add 30 minutes to the JavaScript Date object using getTime( ) method </h2>
   <p> Click on the button to add 30 minutes to the current date/time.</p>
   <button onclick="add()">Click Me</button>
   <p id="currentTime">Current Time : </p>
   <p id="updatedTime">Updated Time: </p>
</body>
<script>
   // Code the show current time
   let ct = document.getElementById("currentTime")
   setInterval(() => {
      let currentTime = new Date().getTime();
      ct.innerText = "Current Time : " + new Date(currentTime).toLocaleTimeString()
   }, 1000)
   
   // Code to add 30 minutes to current Time
   let ut = document.getElementById("updatedTime")
   function add() {
      setInterval(() => {
         let dt = new Date();
         dt = new Date(dt.getTime() + 30 * 60 * 1000)
         ut.innerText = "Updated Time : " + dt.toLocaleTimeString();
      }, 1000)
   }
</script>
</html>

我们讨论了两种在 JavaScript Date 对象中添加 30 分钟的方法。第一种方法是使用 getTime() 方法，第二种方法是使用 setMinutes() 方法。

更新于：2022年8月22日

11K+ 次浏览

启动您的 职业生涯

完成课程获得认证

开始学习
广告