JavaScript 给 Date 对象添加小时数

给定一个日期，任务是在它上面添加小时数。要在 JavaScript 中添加小时数到日期，我们将讨论一些技巧。首先了解几种方法。

JavaScript getHours()方法： 该方法返回提供的日期和时间中的小时数（从0到23）。

语法：

Date.getHours()

参数： 该方法不接受任何参数。

返回值： 它返回一个数字，从0到23，表示小时数。

JavaScript setHours()方法： 该方法设置日期对象的小时数。我们还可以设置分钟数、秒数和毫秒数。

语法：

Date.setHours(hour, min, sec, millisec)

参数：

hour： 该参数为必需参数，表示小时的整数。预期值为0-23，但其他值也是允许的。
min： 该参数为可选参数，表示分钟的整数。预期值为0-59，但其他值也是允许的。
sec： 该参数为可选参数，表示秒的整数。预期值为0-59，但其他值也是允许的。
millisec： 该参数为可选参数，表示毫秒的整数。预期值为0-999，但其他值也是允许的。
hour = -1表示前一天的最后一个小时，其他参数也是类似的。
如果传递的min为60，表示下一个小时的第一分钟，其他参数也是类似的。

返回值： 返回设置了新小时的新日期，由setHours()方法设置。

JavaScript getTime()方法：

该方法返回的是从1970年1月1日午夜至指定日期的毫秒数。

语法：

Date.getTime()

参数： 此方法不接受任何参数。

返回值： 它返回一个数字，表示从1970年1月1日午夜以来的毫秒数。

JavaScript setTime()方法： 此方法通过从1970年1月1日午夜开始加减一个定义的毫秒数来设置日期和时间。

语法：

Date.setTime(millisec)

参数：

millisec： 必需参数。它指定要添加/减去的毫秒数，自1970年1月1日午夜以来。

返回值： setTime()函数返回参数中的时间与1970年1月1日之间的毫秒数。

示例1： 此示例通过使用 setTime()和getTime()方法 向当前日期添加了4小时。

<body style="text-align:center;"
    id="body"> 
    <h1 style="color:green;"> 
            GeeksForGeeks 
        </h1> 
    <p id="GFG_UP"
    style="font-size: 15px; 
            font-weight: bold;"> 
    </p> 
    <button onclick="gfg_Run()"> 
        addHours 
    </button> 
    <p id="GFG_DOWN"
    style="color:green; 
            font-size: 20px; 
            font-weight: bold;"> 
    </p> 
    <script> 
        var el_up = 
            document.getElementById("GFG_UP"); 
          
        var el_down = 
            document.getElementById("GFG_DOWN"); 
        var today = new Date(); 
        el_up.innerHTML = "Today's date = " + today; 
        Date.prototype.addHours = function(h) { 
            this.setTime(this.getTime() + 
                        (h * 60 * 60 * 1000)); 
            return this; 
        } 
  
        function gfg_Run() { 
            var a = new Date(); 
            a.addHours(4); 
            el_down.innerHTML = a; 
        } 
    </script> 
</body>

输出：

JavaScript 给 Date 对象添加小时数

示例2: 使用setHours()和getHours()方法将当前日期增加6小时。

<body style="text-align:center;"
    id="body"> 
    <h1 style="color:green;"> 
            GeeksForGeeks 
        </h1> 
    <p id="GFG_UP"
    style="font-size: 15px; 
            font-weight: bold;"> 
    </p> 
    <button onclick="gfg_Run()"> 
        addHours 
    </button> 
    <p id="GFG_DOWN"
    style="color:green; 
            font-size: 20px; 
            font-weight: bold;"> 
    </p> 
    <script> 
        var el_up = 
            document.getElementById("GFG_UP"); 
        var el_down = 
            document.getElementById("GFG_DOWN"); 
        var today = new Date(); 
        el_up.innerHTML = "Today's date = " + today; 
        Date.prototype.addHours = function(h) { 
            this.setHours(this.getHours() + h); 
            return this; 
        } 
  
        function gfg_Run() { 
            var a = new Date(); 
            a.addHours(6); 
            el_down.innerHTML = a; 
        } 
    </script> 
</body>

输出：

JavaScript 给 Date 对象添加小时数