JavaScript getHours(): Get the hour (0-23)

The JavaScript getHours() method is used to get the hour (0-23). For example:

HTML with JavaScript Code

<!DOCTYPE html>
<html>
<body>
   
   <p id="xyz"></p>

   <script>
      const d = new Date();
      let hour = d.getHours();
      document.getElementById("xyz").innerHTML = hour;
   </script>

</body>
</html>

Output

In the above example, the following JavaScript statement:

const d = new Date();

creates a new "Date" object with the "new Date()" constructor. This method generates a new date and time object using the current system clock time. Now using the second or the following JavaScript statement:

let hour = d.getHours();

calls the "Date" object's getHours() method to retrieve the current hour of the day in 24-hour format (0-23). This value is saved in the variable hour.

Finally, the following JavaScript statement:

document.getElementById("xyz").innerHTML = hour;

finds the HTML element with the id attribute "xyz" and sets its innerHTML property to the value stored in the "hour" variable using the document.getElementById() method. This will display the current time on the web page.

JavaScript getHours() syntax

The syntax of the getHours() method in JavaScript is:

x.getHours()

The x must be an object of the Date() constructor.

The getHours() method returns a number from 0 to 23, which will be an hour of the local time.

Please note: To display the date in the format dd-mm-yyyy, refer to its separate example.

Please note: To display time in the format hh:mm:ss, refer to its separate example.

Please note: To display time in the format hh:mm:ss AM/PM, refer to its separate example.

Advantages of the getHours() function in JavaScript

The built-in method getHours() of the Date object in JavaScript makes it simple to use and independent of any external libraries or dependencies.
The 24-hour formatted hour of the day is returned by the getHours() method, which is useful for a number of applications.
The technique is quick and effective, so it can be used frequently without degrading the functionality of the website or application.

Disadvantages of the getHours() function in JavaScript

The getHours() method only returns the hour component of the current time, so it cannot be used to retrieve other time components (such as minutes or seconds) without a little extra code.
Because the method retrieves the current time from the user's system clock, it is susceptible to inaccuracies or inconsistencies if the user's clock is not synchronized or if time zones differ.
If you need to use the current time in a server-side application or database, it is generally preferable to retrieve it from the server rather than rely on the user's system clock.

JavaScript Online Test

« Previous Tutorial Next Tutorial »

Liked this post? Share it!