JavaScript Date getUTCHours() 方法
JavaScript基础 2022-06-08 09:51:27小码哥的IT人生shichen
JavaScript Date getUTCHours() 方法
实例
根据世界时返回小时数：
var d = new Date();
var n = d.getUTCHours();
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击该按钮可根据 UTC 显示小时。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var d = new Date();
var n = d.getUTCHours();
document.getElementById("demo").innerHTML = n;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
页面下方有更多 TIY 实例。
定义和用法
getUTCHours() 方法根据世界时返回指定日期和时间的小时数（从 0 到 23）。
计算日期时，UTC 方法假设日期对象是本地时间和日期。
提示：世界协调时间 (UTC) 是世界时间标准设定的时间。
注释：UTC 时间与 GMT 时间（格林威治时间）相同。
浏览器支持
| 方法 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| getUTCHours() | 支持 | 支持 | 支持 | 支持 | 支持 |
语法
Date.getUTCHours()
参数
无参数。
技术细节
| 返回值： | 数值，从 0 到 23，表示小时。 |
|---|---|
| JavaScript 版本： | ECMAScript 1 |
更多实例
示例代码：
返回特定日期和时间的 UTC 小时：
var d = new Date("July 21, 1983 01:15:00");
var n = d.getUTCHours();
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击该按钮可根据 UTC 显示特定日期的小时。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var d = new Date("July 21, 1983 01:15:00");
var n = d.getUTCHours();
document.getElementById("demo").innerHTML = n;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
使用 getUTCHours()、getUTCMinutes() 和 getUTCSeconds() 显示世界时：
function addZero(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
function myFunction() {
var d = new Date();
var x = document.getElementById("demo");
var h = addZero(d.getUTCHours());
var m = addZero(d.getUTCMinutes());
var s = addZero(d.getUTCSeconds());
x.innerHTML = h + ":" + m + ":" + s;
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击该按钮可显示 UTC 时间。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function addZero(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
function myFunction() {
var d = new Date();
var x = document.getElementById("demo");
var h = addZero(d.getUTCHours());
var m = addZero(d.getUTCMinutes());
var s = addZero(d.getUTCSeconds());
x.innerHTML = h + ":" + m + ":" + s;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
