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.