如何在 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 引數,則也必須指定minsec

方法

要使用 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+ 次瀏覽

啟動您的 職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.