数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究如何在 JavaScript Date 对象中添加 2 小时？
在本教程中，我们将学习如何向 JavaScript Date 对象 添加 2 小时。这里我们将讨论两种方法。
- 使用 getTime() 方法
- 使用 setHours() 方法
使用 getTime( ) 方法
JavaScript date getTime() 方法 返回根据世界标准时间对应于指定日期的时间的数值。 getTime() 方法返回的值是从 1970 年 1 月 1 日 00:00:00 算起的毫秒数。
语法
以下是 getTime() 方法的语法：
Date.getTime()
方法
要向 Date 对象添加 2 小时，首先，我们使用 Date.getTime() 方法获取当前时间，然后向其添加 2 小时的毫秒值 (2 * 60 * 60 * 1000)，并将添加后的值传递给 Date 对象。
示例 1
在此示例中，我们使用 getTime() 方法向当前时间添加 2 小时。
<html> <head> <title>Example: add 2 hrs to JavaScript Date Object</title> </head> <body> <h2> Add 2 hours to the JavaScript Date object using getTime() method </h2> <p> Click on the button to add 2 Hours 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 2 hours to current Time let ut = document.getElementById("updatedTime") function add() { setInterval(() => { let currentTime = new Date().getTime(); let updatedTIme = new Date(currentTime + 2 * 60 * 60 * 1000); ut.innerText = "Updated Time : " + updatedTIme.toLocaleTimeString() }, 1000) } </script> </html>
使用 setHours() 方法
JavaScript date setHours() 方法 根据本地时间设置指定日期的小时。
语法
Date.setHours(hours, minutes, seconds, ms)
这里参数 hours 和其他参数将在下面讨论。
参数
hours − 一个介于 0 和 23 之间的整数，表示小时。
minutes − 一个介于 0 和 59 之间的整数，表示分钟。
seconds − 一个介于 0 和 59 之间的整数，表示秒。如果指定了 seconds 参数，则也必须指定minutes。
ms − 一个介于 0 和 999 之间的数字，表示毫秒。如果指定了ms参数，则也必须指定minutes和seconds。
除了hours之外的参数都是可选的。
方法
要使用 setHours() 方法向 Date 对象添加 2 小时，首先我们获取当前时间的小时值，然后向其添加 2，并将添加后的值传递给 setHours() 方法。
示例 2
在此示例中，我们向当前时间添加 2 小时。
<html> <head> <title>Program to add 2 hours to Date object</title> </head> <body> <h2> Add 2 hours to the JavaScript Date object using setHours( ) method </h2> <p> Click on the button to add 2 Hours 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 2 hours to current Time let ut = document.getElementById("updatedTime") function add() { setInterval(() => { let dt = new Date(); dt.setHours(dt.getHours() + 2); ut.innerText = "Updated Time : " + dt.toLocaleTimeString(); }, 1000) } </script> </html>
总之，我们讨论了两种向 JavaScript Date 对象添加 2 小时的方法。第一种是使用 getTime() 方法，第二种是使用 setHours() 方法。
26K+ 次浏览
