資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
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+ 次瀏覽
