JavaScript Date getHours() 方法
JavaScript基础 2022-06-08 09:50:45小码哥的IT人生shichen
JavaScript Date getHours() 方法
实例
根据当地时间返回小时：
var d = new Date();
var n = d.getHours();
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击该按钮可显示当前时间的小时数。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var d = new Date();
var n = d.getHours();
document.getElementById("demo").innerHTML = n;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
页面下方有更多 实例。
定义和用法
getHours() 方法返回指定日期和时间的小时数（从 0 到 23）。
浏览器支持
| 方法 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| getHours() | 支持 | 支持 | 支持 | 支持 | 支持 |
语法
Date.getHours()
参数
无参数。
技术细节
| 返回值： | 数值，从 0 到 23，表示小时。 |
|---|---|
| JavaScript 版本： | ECMAScript 1 |
更多实例
返回特定日期和时间的小时：
var d = new Date("July 21, 1983 01:15:00");
var n = d.getHours();
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击该按钮可显示给定日期时间的小时数。</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.getHours();
document.getElementById("demo").innerHTML = n;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
使用 getHours()、getMinutes() 和 getSeconds() 显示时间：
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.getHours());
var m = addZero(d.getMinutes());
var s = addZero(d.getSeconds());
x.innerHTML = h + ":" + m + ":" + s;
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击按钮可显示时间。</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.getHours());
var m = addZero(d.getMinutes());
var s = addZero(d.getSeconds());
x.innerHTML = h + ":" + m + ":" + s;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
