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)

About Suresh

Suresh is the founder of TutorialGateway and a freelance software developer. He specialized in Designing and Developing Windows and Web applications. The experience he gained in Programming and BI integration, and reporting tools translates into this blog. You can find him on Facebook or Twitter.