如何将 30 分钟添加到 JavaScript Date 对象?
front end technologyjavascriptweb development
在本教程中，我们将学习如何将 30 分钟添加到 JavaScript Date 对象。这里我们将讨论以下两种方法。
使用 setMinutes( ) 方法
使用 getTime() 方法
使用 setMinutes 方法
日期对象的 setMinutes() 函数接受表示分钟的整数，并用它替换当前日期中分钟的值。
语法
Date.setMinutes(min, sec, ms);
参数
min − 0 到 59 之间的整数，表示分钟。
sec − 0 到 59 之间的整数，表示秒。如果指定 sec 参数，还必须指定 min。
ms − 0 到 999 之间的数字，表示毫秒。如果指定 ms 参数，还必须指定 min 和 sec。
方法
要使用 setMinutes 方法将 30 分钟添加到 Date 对象中，首先我们使用 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 日期 getTime() 方法根据世界时返回与指定日期的时间相对应的数值。 getTime() 方法返回的值是自 1970 年 1 月 1 日 00:00:00 以来的毫秒数。
语法
Date.getTime()
方法
要首先将 30 分钟添加到 Date 对象，我们使用 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 数据对象添加 30 分钟的两种方法。第一种方法是使用 getTime() 方法，第二种方法是使用 setMinutes() 方法
