JavaScript setUTCHours() Method: Date Object
Description
The setUTCHours() method is used to set the hour for a specified date according to Coordinated Universal Time (UTC).
Version
Implemented in JavaScript 1.3
Syntax
setUTCHours(hoursValue, minutesValue, secondsValue, msValue)
Parameter
hoursValue: An integer between 0 and 23, representing the hour.
minutesValue: An integer between 0 and 59, representing the minutes.
secondsValue: An integer between 0 and 59, representing the seconds. If you specify the secondsValue parameter, you must also specify the minutesValue.
msValue: A number between 0 and 999, representing the milliseconds. If you specify the msValue parameter, you must also specify the minutesValue and secondsValue.
Example:
In the following web document the hour is set to 15, 23 etc. by setUTCHours() method.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>JavaScript date object - setUTCHours() method example</title>
</head>
<body>
<h1 style="color: red">JavaScript date object : setUTCHours() method</h1>
<hr />
<script type="text/javascript">
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[
user_date = new Date()
document.write("Initial Hour : "+user_date+"<BR />")
user_date.setUTCHours(15)
document.write("After changing the current hour to 15 : "+user_date+"<BR />")
user_date= new Date()
user_date.setUTCHours(23)
document.write("After changing the current hour to 23 : "+user_date+"<BR />")
//]]>
</script>
</body>
</html>
View the example in the browser
Supported Browser
Internet Explorer 7 | Firefox 3.6 | Google Chrome 7 | Safari 5.0.1 | Opera 10 |
Yes | Yes | Yes | Yes | Yes |
See also:
JavaScript Core objects, methods, properties.
Previous: JavaScript setUTCfullyear() Method: Date Object
Next: JavaScript setUTCMilliseconds() Method: Date Object
Test your Programming skills with w3resource's quiz.
It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.
https://www.w3resource.com/javascript/object-property-method/date-setUTCHours.php
- Weekly Trends and Language Statistics
- Weekly Trends and Language Statistics