JavaScript教程-JavaScript日期对象

JavaScript日期对象用于获取年份、月份和日期。您可以通过JavaScript日期对象在网页上显示计时器。

您可以使用不同的日期构造函数来创建日期对象。它提供了方法来获取和设置日期、月份、年份、小时、分钟和秒数。

构造函数

有四种不同的日期构造函数可用于创建日期对象。

1. Date()
2. Date(milliseconds)
3. Date(dateString)
4. Date(year, month, day, hours, minutes, seconds, milliseconds)

JavaScript日期方法

下面是JavaScript日期方法的列表及其说明。

方法	描述
getDate()	返回介于1和31之间的整数值，表示指定日期的日期，基于本地时间。
getDay()	返回介于0和6之间的整数值，表示指定日期的星期几，基于本地时间。
getFullYear()	返回表示指定日期的年份的整数值，基于本地时间。
getHours()	返回介于0和23之间的整数值，表示指定日期的小时，基于本地时间。
getMilliseconds()	返回介于0和999之间的整数值，表示指定日期的毫秒，基于本地时间。
getMinutes()	返回介于0和59之间的整数值，表示指定日期的分钟，基于本地时间。
getMonth()	返回介于0和11之间的整数值，表示指定日期的月份，基于本地时间。
getSeconds()	返回介于0和60之间的整数值，表示指定日期的秒数，基于本地时间。
getUTCDate()	返回介于1和31之间的整数值，表示指定日期的日期，基于协调世界时（UTC）。
getUTCDay()	返回介于0和6之间的整数值，表示指定日期的星期几，基于协调世界时（UTC）。
getUTCFullYear()	返回表示指定日期的年份的整数值，基于协调世界时（UTC）。
getUTCHours()	返回介于0和23之间的整数值，表示指定日期的小时，基于协调世界时（UTC）。
getUTCMilliseconds()	返回介于0和999之间的整数值，表示指定日期的毫秒，基于协调世界时（UTC）。
getUTCMinutes()	返回介于0和59之间的整数值，表示指定日期的分钟，基于协调世界时（UTC）。
getUTCMonth()	返回介于0和11之间的整数值，表示指定日期的月份，基于协调世界时（UTC）。
getUTCSeconds()	返回介于0和60之间的整数值，表示指定日期的秒数，基于协调世界时（UTC）。
setDate()	设置指定日期的日期值，基于本地时间。
setDay()	设置指定日期的星期几值，基于本地时间。
setFullYear()	设置指定日期的年份值，基于本地时间。
setHours()	设置指定日期的小时值，基于本地时间。
setMilliseconds()	设置指定日期的毫秒值，基于本地时间。
setMinutes()	设置指定日期的分钟值，基于本地时间。
setMonth()	设置指定日期的月份值，基于本地时间。
setSeconds()	设置指定日期的秒数值，基于本地时间。
setUTCDate()	设置指定日期的日期值，基于协调世界时（UTC）。
setUTCDay()	设置指定日期的星期几值，基于协调世界时（UTC）。
setUTCFullYear()	设置指定日期的年份值，基于协调世界时（UTC）。
setUTCHours()	设置指定日期的小时值，基于协调世界时（UTC）。
setUTCMilliseconds()	设置指定日期的毫秒值，基于协调世界时（UTC）。
setUTCMinutes()	设置指定日期的分钟值，基于协调世界时（UTC）。
setUTCMonth()	设置指定日期的月份值，基于协调世界时（UTC）。
setUTCSeconds()	设置指定日期的秒数值，基于协调世界时（UTC）。
toDateString()	返回日期对象的日期部分。
toISOString()	以ISO格式字符串形式返回日期。
toJSON()	返回表示日期对象的字符串。在JSON序列化期间，它还会序列化日期对象。
toString()	以字符串形式返回日期。
toTimeString()	返回日期对象的时间部分。
toUTCString()	使用协调世界时（UTC）时区将指定的日期转换为字符串形式。
valueOf()	返回日期对象的原始值。

JavaScript日期示例

让我们看一个简单的示例来打印日期对象。它打印日期和时间。

<!-- 当前日期和时间 -->
<span id="txt"></span>

<script>
var today = new Date();
document.getElementById('txt').innerHTML = today;
</script>

输出：

当前日期和时间: Fri Jul 21 2023 12:12:22 GMT+0800 (中国标准时间)

让我们看另一个代码来打印日期/月份/年份。

<!-- 日期是： -->
<p id="date"></p>

<script>
var date = new Date();
var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear();
document.getElementById('date').innerHTML = "日期是：" + day + "/" + month + "/" + year;
</script>

输出：

日期是：21/7/2023

JavaScript当前时间示例

让我们看一个简单的示例来打印系统的当前时间。

<!-- 当前时间： -->
<span id="txt"></span>

<script>
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
</script>

输出：

当前时间：12:12:22

JavaScript数字时钟示例

让我们通过JavaScript日期对象来展示一个简单的数字时钟。

在JavaScript中，有两种设置时间间隔的方法：setTimeout()和setInterval()方法。

<!-- 当前时间： -->
<span id="txt"></span>

<script>
window.onload = function () {
  getTime();
};

function getTime() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  // 在数字前面添加零
  m = checkTime(m);
  s = checkTime(s);
  document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
  setTimeout(function () {
    getTime();
  }, 1000);
}

function checkTime(i) {
  if (i < 10) {
    i = "0" + i;
  }
  return i;
}
</script>

输出：

当前时间：12:12:22