JavaScript getHours() 方法

Date 对象参考手册 JavaScript Date 对象

根据本地时间返回时间的小时字段：

<p id="demo">单击按钮显示此时的小时字段：</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var d = new Date();
    var x = document.getElementById("demo");
    x.innerHTML = d.getHours();
  }
</script>

尝试一下 »

定义和用法

getHours() 方法可返回时间的小时字段。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 getHours() 方法。

语法

Date.getHours()

返回值

类型 描述
Number 返回值是 0 （午夜） 到 23 （晚上 11 点）之间的一个整数。

技术细节

JavaScript 版本： 1.0

更多实例

返回指定时间的小时字段：

<p id="demo">单击按钮显示给定时间的小时时段：</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var d = new Date("July 21, 1983 01:15:00");
    var x = document.getElementById("demo");
    x.innerHTML = d.getHours();
  }
</script>

尝试一下 »

显示当前时间 - 如何使用 getHours(), getMinutes() 以及 getSeconds() 来显示当前的时间。

<p id="demo">单击按钮显示此时的时间：</p>
<button onclick="myFunction()">点我</button>
<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>

尝试一下 »

Date 对象参考手册 JavaScript Date 对象