JavaScript Date setHours() 方法
JavaScript基础 2022-06-08 09:51:57小码哥的IT人生shichen
JavaScript Date setHours() 方法
实例
将小时设置为 15：
var d = new Date();
d.setHours(15);
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击按钮可在更改小时后显示日期。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var d = new Date();
d.setHours(15);
document.getElementById("demo").innerHTML = d;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
页面下方有更多 TIY 实例。
定义和用法
setHours() 方法设置日期对象的小时。
此方法还可用于设置分钟、秒和毫秒。
浏览器支持
| 方法 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| setHours() | 支持 | 支持 | 支持 | 支持 | 支持 |
语法
Date.setHours(hour, min, sec, millisec)
参数值
| 参数 | 描述 |
|---|---|
| hour |
必需。表示小时的整数。 期望值是 0-23，但允许其他值：
|
| min |
可选。表示分钟的整数。 期望值是 0-59，但允许其他值：
|
| sec |
可选。表示秒的整数。 期望值是 0-59，但允许其他值：
|
| millisec |
可选。表示毫秒的整数。 期望值为 0-999，但允许其他值：
|
技术细节
| 返回值： | 数值，表示日期对象和 1970 年 1 月 1 日午夜之间的毫秒数。 |
|---|---|
| JavaScript 版本： | ECMAScript 1 |
更多实例
示例代码：
将时间设置为 15:35:01
var d = new Date();
d.setHours(15, 35, 1);
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击按钮可在更改小时、分钟和秒后显示日期。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var d = new Date();
d.setHours(15, 35, 1);
document.getElementById("demo").innerHTML = d;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
示例代码：
将时间设置为 48 小时前：
var d = new Date();
d.setHours(d.getHours() - 48);
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击按钮可显示更改为 48 小时前的日期。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var d = new Date();
d.setHours(d.getHours() - 48);
document.getElementById("demo").innerHTML = d;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
