浅谈JavaScript 中有关时间对象的方法

下面我将详细讲解一下“浅谈JavaScript 中有关时间对象的方法”的完整攻略。

时间对象

在JavaScript中，时间是通过时间对象来表示和操作的。时间对象包括以下几个属性：

• year：年份，这里返回的是4位数字，如2021
• month：月份，0表示1月，11表示12月
• date：日期，1到31之间的数字
• day：星期几，0为星期日，1为星期一，以此类推
• hours：小时，0到23之间的数字
• minutes：分钟，0到59之间的数字
• seconds：秒数，0到59之间的数字
• milliseconds：毫秒数，0到999之间的数字

JavaScript提供了一些方法来获取、设置和操作这些属性。

Date()构造函数

要创建一个时间对象，可以使用内置的Date()构造函数。如果没有传递参数，那么将创建一个当前时间的时间对象。将时间戳作为参数传递给Date()构造函数，将会创建一个特定时间的时间对象。

let now = new Date();
console.log(now);  // 输出当前时间

let specificDate = new Date(2021, 5, 1);
console.log(specificDate);  // 输出2021年6月1日

获取日期和时间

可以使用以下方法来获取时间对象的各个属性：

• getFullYear()：获取年份
• getMonth()：获取月份
• getDate()：获取日期
• getDay()：获取星期几
• getHours()：获取小时
• getMinutes()：获取分钟
• getSeconds()：获取秒数
• getMilliseconds()：获取毫秒数

let now = new Date();
console.log(now.getFullYear());  // 输出当前的年份
console.log(now.getMonth());  // 输出当前的月份
console.log(now.getDate());  // 输出当前日期
console.log(now.getDay());  // 输出当前是星期几
console.log(now.getHours());  // 输出当前的小时
console.log(now.getMinutes());  // 输出当前的分钟
console.log(now.getSeconds());  // 输出当前的秒数
console.log(now.getMilliseconds());  // 输出当前的毫秒数

设置日期和时间

可以使用以下方法来设置时间对象的各个属性：

• setFullYear(year)：设置年份
• setMonth(month)：设置月份
• setDate(date)：设置日期
• setHours(hours)：设置小时
• setMinutes(minutes)：设置分钟
• setSeconds(seconds)：设置秒数
• setMilliseconds(milliseconds)：设置毫秒数

let now = new Date();
now.setFullYear(2022);
now.setMonth(6);
now.setDate(1);
console.log(now);  // 输出2022年7月1日

now.setHours(9);
now.setMinutes(30);
now.setSeconds(0);
console.log(now);  // 输出2022年7月1日 09:30:00

格式化日期

可以使用以下方法将时间对象格式化为字符串：

• toDateString()：返回格式为“周几 月 日 年”的字符串
• toTimeString()：返回格式为“时:分:秒 时区”的字符串
• toLocaleString()：返回本地时间的字符串表示（日期和时间）
• toLocaleDateString()：返回本地日期的字符串表示
• toLocaleTimeString()：返回本地时间的字符串表示

let now = new Date();
console.log(now.toDateString());  // 输出格式为“周几 月 日 年”的字符串
console.log(now.toTimeString());  // 输出格式为“时:分:秒 时区”的字符串
console.log(now.toLocaleString());  // 输出本地时间的字符串表示（日期和时间）
console.log(now.toLocaleDateString());  // 输出本地日期的字符串表示
console.log(now.toLocaleTimeString());  // 输出本地时间的字符串表示

示例

下面的示例演示了如何使用时间对象来获取和显示当前时间，并在1000毫秒后更新时间：

let timer = document.getElementById('timer');

function updateTimer() {
    let now = new Date();
    timer.innerHTML = now.toLocaleTimeString();
    setTimeout(updateTimer, 1000);
}

updateTimer();

在上面的代码中，首先获取了一个DOM元素timer，然后定义了一个名为updateTimer的函数。该函数首先获取当前的时间，然后将其格式化为本地时间的字符串表示，并将其设置为timer元素的innerHTML。最后，使用setTimeout函数在1000毫秒后重新调用updateTimer函数，以便更新时间。

另一个示例演示如何使用时间对象计算两个日期之间的天数：

let date1 = new Date('2021-06-01');
let date2 = new Date('2021-06-10');
let diffTime = Math.abs(date2 - date1);
let diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
console.log(diffDays);  // 输出9

在上面的代码中，首先使用Date()构造函数创建了两个特定日期的时间对象date1和date2，然后计算了它们之间的时间差，最后将时间差转换为天数并输出。