小码哥的IT人生

JavaScript Date setUTCHours() 方法

JavaScript基础 2022-06-08 09:52:24小码哥的IT人生shichen

JavaScript Date setUTCHours() 方法

实例

根据 UTC 时间将小时设置为 15:

var d = new Date();
d.setUTCHours(15);

完整实例:

<!DOCTYPE html>
<html>
<body>
<p>单击按钮可在更改小时后显示日期。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
  var d = new Date();
  d.setUTCHours(15);
  document.getElementById("demo").innerHTML = d;
}
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

页面下方有更多 TIY 实例。

定义和用法

setUTCHours() 方法根据 UTC 时间设置日期对象的小时。

此方法还可用于设置分钟、秒和毫秒。

提示:世界协调时间 (UTC) 是由世界时间标准设定的时间。

注释:UTC 时间与 GMT 时间(格林威治时间)相同。

浏览器支持

方法 Chrome IE Firefox Safari Opera
setUTCHours() 支持 支持 支持 支持 支持

语法

Date.setUTCHours(hour, min, sec, millisec)

参数值

参数 描述
hour

必需。表示小时的整数。

预期值为 0-23,但允许其他值:

  • -1 将导致前一天的最后一个小时
  • 24 将导致第二天的第一个小时
min

可选。表示分钟的整数。

预期值为 0-59,但允许其他值:

  • -1 将导致前一小时的最后一分钟
  • 60 将导致下一小时的第一分钟
sec

可选。表示秒的整数。

预期值为 0-59,但允许其他值:

  • -1 将导致前一分钟的最后一秒
  • 60 将导致下一分钟的第一秒
millisec

可选。表示毫秒的整数。

预期值为 0-999,但允许其他值:

  • -1 将导致前一秒的最后一毫秒
  • 1000 将导致下一秒的第一毫秒

技术细节

返回值: 数值,表示日期对象与 1970 年 1 月 1 日午夜之间的毫秒数。
JavaScript 版本: ECMAScript 1

更多实例

示例代码:

将时间设置为 UTC 时间 15:35:01:

var d = new Date();
d.setUTCHours(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.setUTCHours(15, 35, 1);
  document.getElementById("demo").innerHTML = d;
}
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

示例代码:

使用 UTC 方法将时间设置为 48 小时前:

var d = new Date();
d.setUTCHours(d.getUTCHours() - 48);

完整实例:

<!DOCTYPE html>
<html>
<body>
<p>单击按钮可显示更改为 48 小时前的日期。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
  var d = new Date();
  d.setUTCHours(d.getUTCHours() - 48);
  document.getElementById("demo").innerHTML = d;
}
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024