JavaScript setHours Function

JavaScript setHours function is a Date Function useful to set the Hours, Minutes, and Seconds of a given date as per local time. The syntax of the setHours function is:

 Date.setHours(Hours_Value, Minutes, Seconds, Milliseconds)

In the JavaScript setHours function, Minutes, Seconds, and Milliseconds arguments are optional.

JavaScript setHours Function Example

We used the setHours function to set the current time to 22 hours.

<!DOCTYPE html>
<html>
<head>
    <title> JS </title>
</head>
<body>
    <h1> JExample </h1>
<script>
  var dt = Date();  
  document.write("Date and Time : " + dt + "<br/>");

  dt.setHours(22);
  document.write("After : " + dt);
</script>
</body>
</html>
Example

Date and Time: Mon Nov 05 2018 12:02:24 GMT+0530 (Indian Standard Time)
After : Mon Nov 05 2018 22:02:24 GMT+0530 (Indian Standard Time)

setHours Example 2

In this JavaScript set hours example, we set the hours of a custom date to 02 AM.

<!DOCTYPE html>
<html>
<head>
    <title> JS </title>
</head>
<body>
    <h1> JavaScriptsetHoursFunctionExample </h1>
<script>
  var dt = Date("April 1, 2017 19:11:22");
  document.write("Date and Time : " + dt + "<br/>");

  dt.setHours(02);
  document.write("After setHours() : " + dt);
</script>
</body>
</html>
JavaScript setHours Example

In this set Hours example, we set the Hours to 22, Minutes to 34, and Seconds to 12

<!DOCTYPE html>
<html>
<head>
    <title> JS </title>
</head>
<body>
    <h1> Example </h1>
<script>
  var dt = Date("April 1, 2017 19:11:22");
  document.write("Date and Time : " + dt + "<br/>");

  dt.setHours(22, 34, 12);
  document.write("After : " + dt);
</script>
</body>
</html>
Example

Date and Time: Tue Nov 06 2018 09:12:57 GMT+0530 (Indian Standard Time)
After : Tue Nov 06 2018 22:34:12 GMT+0530 (Indian Standard Time)