- JavaScript Basics
- JavaScript Tutorial
- JavaScript: where to write
- JavaScript: how to display
- JavaScript: keywords
- JavaScript: comments
- JavaScript: variables
- JavaScript: operators
- JavaScript: data types
- JavaScript Conditional Statements
- JavaScript: if-else
- JavaScript: switch
- JavaScript: for loop
- JavaScript: while loop
- JavaScript: do-while loop
- JavaScript: break and continue
- JavaScript Popup Boxes
- JavaScript: alert box
- JavaScript: confirm box
- JavaScript: prompt box
- JavaScript Popular Topics
- JavaScript: functions
- JavaScript: innerHTML
- JavaScript: getElementById()
- JavaScript: getElementsByClassName()
- JavaScript: getElementsByName()
- JavaScript: getElementsByTagName()
- JavaScript: querySelector()
- JavaScript: querySelectorAll()
- JavaScript: document.write()
- JavaScript: console.log()
- JavaScript: boolean
- JavaScript: events
- JavaScript: Math object
- JavaScript: Math.random()
- JavaScript: Number()
- JavaScript: parseInt()
- JavaScript: parseFloat()
- JavaScript Arrays
- JavaScript: array
- JavaScript: find length of array
- JavaScript: add element at beginning
- JavaScript: add element at end
- JavaScript: remove first element
- JavaScript: remove last element
- JavaScript: get first index
- JavaScript: get last index
- JavaScript: reverse an array
- JavaScript: sort an array
- JavaScript: concatenate arrays
- JavaScript: join()
- JavaScript: toString()
- JavaScript: from()
- JavaScript: check if value exists
- JavaScript: check if array
- JavaScript: slice an array
- JavaScript: splice()
- JavaScript: find()
- JavaScript: findIndex()
- JavaScript: entries()
- JavaScript: every()
- JavaScript: fill()
- JavaScript: filter()
- JavaScript: forEach()
- JavaScript: map()
- JavaScript Strings
- JavaScript: string
- JavaScript: length of string
- JavaScript: convert to lowercase
- JavaScript: convert to uppercase
- JavaScript: string concatenation
- JavaScript: search()
- JavaScript: indexOf()
- JavaScript: search() vs. indexOf()
- JavaScript: match()
- JavaScript: match() vs. search()
- JavaScript: replace()
- JavaScript: toString()
- JavaScript: String()
- JavaScript: includes()
- JavaScript: substr()
- JavaScript: slice string
- JavaScript: charAt()
- JavaScript: repeat()
- JavaScript: split()
- JavaScript: charCodeAt()
- JavaScript: fromCharCode()
- JavaScript: startsWith()
- JavaScript: endsWith()
- JavaScript: trim()
- JavaScript: lastIndexOf()
- JavaScript Date and Time
- JavaScript: date and time
- JavaScript: Date()
- JavaScript: getFullYear()
- JavaScript: getMonth()
- JavaScript: getDate()
- JavaScript: getDay()
- JavaScript: getHours()
- JavaScript: getMinutes()
- JavaScript: getSeconds()
- JavaScript: getMilliseconds()
- JavaScript: getTime()
- JavaScript: getUTCFullYear()
- JavaScript: getUTCMonth()
- JavaScript: getUTCDate()
- JavaScript: getUTCDay()
- JavaScript: getUTCHours()
- JavaScript: getUTCMinutes()
- JavaScript: getUTCSeconds()
- JavaScript: getUTCMilliseconds()
- JavaScript: toDateString()
- JavaScript: toLocaleDateString()
- JavaScript: toLocaleTimeString()
- JavaScript: toLocaleString()
- JavaScript: toUTCString()
- JavaScript: getTimezoneOffset()
- JavaScript: toISOString()
- JavaScript Regular Expression
- JavaScript: regular expression
- JavaScript: RegEx . (dot)
- JavaScript: RegEx \w and \W
- JavaScript: RegEx \d and \D
- JavaScript: RegEx \s and \S
- JavaScript: RegEx \b and \B
- JavaScript: RegEx \0
- JavaScript: RegEx \n
- JavaScript: RegEx \xxx
- JavaScript: RegEx \xdd
- JavaScript: RegEx quantifiers
- JavaScript: RegEx test()
- JavaScript: RegEx lastIndex
- JavaScript: RegEx source
- JavaScript Programs
- JavaScript Programs
JavaScript getUTCHours(): Get the UTC hour
The JavaScript getUTCHours() method is used to get the hour (0-23) according to Universal Time Coordinated (UTC) or Greenwich Mean Time (GMT). For example:
<!DOCTYPE html> <html> <body> <p id="xyz"></p> <script> const d = new Date(); let hour = d.getUTCHours(); document.getElementById("xyz").innerHTML = hour; </script> </body> </html>
In the above example, JavaScript's first line creates a new "Date" object and assigns it to the variable "d." This "Date" object represents the current date and time, as determined by the computer running the script's system clock.
The second line of JavaScript calls the "Date" object d's getUTCHours() method and assigns the result to the variable "hour." This method returns the current hour in the UTC time zone, which is the Coordinated Universal Time standard that all timekeeping systems around the world use.
The JavaScript code in the third line employs the getElementById() method to locate the HTML element with the id attribute "xyz," which is a paragraph element (p).
Finally, the JavaScript code in the third line again sets the paragraph element's innerHTML property to the value of the hour variable. This displays the current UTC hour in the web page's paragraph element.
JavaScript getUTCHours() Syntax
The syntax of the getUTCHours() method in JavaScript is:
x.getUTCHours()
where x must be an object of the Date() constructor.
The getUTCHours() method returns a number from 0 to 23, which will be the hour of the UTC time.
Advantages of the getUTCHours() function in JavaScript
- It provides the hour in UTC, a standard time zone that is unaffected by regional time changes or daylight saving time. It is therefore helpful for comparing times in various places and time zones.
- It doesn't need any additional libraries or dependencies because it is a built-in feature of JavaScript.
- It is easy to use and comprehend, and retrieving the hour in UTC only requires one method call.
Disadvantages of the getUTCHours() function in JavaScript
- It only returns the current hour, not the full date or time. This may limit its applicability in some cases.
- It returns the hour in 24-hour format, which may be unfamiliar or confusing to users accustomed to 12-hour formats with AM/PM indicators.
- It only works with the UTC time zone, so it may not be suitable for applications that require greater time zone flexibility.
« Previous Tutorial Next Tutorial »