JavaScript 时间函数与倒计时实现：掌控时间的艺术

2024-01-12 20:01:37

JavaScript 时间函数

JavaScript 提供了多个时间函数，用于获取和操作日期和时间信息。其中，最常用的函数包括：

Date()：返回当日的日期和时间。
getDate()：从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()：从 Date 对象返回一周中的某一天 (0 ~ 6)。
getMonth()：从 Date 对象返回月份 (0 ~ 11)。
getFullYear()：从 Date 对象返回年份。
getHours()：从 Date 对象返回小时 (0 ~ 23)。
getMinutes()：从 Date 对象返回分钟 (0 ~ 59)。
getSeconds()：从 Date 对象返回秒 (0 ~ 59)。
getMilliseconds()：从 Date 对象返回毫秒 (0 ~ 999)。

这些函数的使用方法非常简单，只需要在 Date 对象上调用即可。例如，以下代码获取当前日期和时间：

const now = new Date();
console.log(now);

输出结果为：

2023-03-08T09:31:09.572Z

日期格式化

在某些情况下，我们需要将日期和时间格式化为特定的格式。JavaScript 提供了两个内置函数来实现此目的：

toDateString()：将 Date 对象格式化为字符串，表示日期部分。
toTimeString()：将 Date 对象格式化为字符串，表示时间部分。

例如，以下代码将当前日期和时间格式化为“yyyy-mm-dd”和“hh:mm:ss”：

const now = new Date();
console.log(now.toDateString());
console.log(now.toTimeString());

输出结果为：

2023-03-08
09:31:09 GMT+0800 (中国标准时间)

时间戳

时间戳是自纪元以来经过的毫秒数。JavaScript 提供了两个函数来获取时间戳：

getTime()：返回 Date 对象表示的毫秒数。
now()：返回当前时间的时间戳。

例如，以下代码获取当前时间戳：

const timestamp = Date.now();
console.log(timestamp);

输出结果为：

1678286669572

倒计时实现

倒计时是指在某个特定的时间点之前，显示剩余时间。JavaScript 可以通过 setInterval() 和 clearInterval() 函数来实现倒计时。

setInterval() 函数每隔一段时间（以毫秒为单位）执行一次指定的函数。clearInterval() 函数停止 setInterval() 函数的执行。

例如，以下代码实现了一个简单的倒计时：

const targetDate = new Date('2023-03-08 10:00:00');
const intervalId = setInterval(() => {
  const now = new Date();
  const diff = targetDate - now;
  if (diff <= 0) {
    clearInterval(intervalId);
    console.log('倒计时结束');
  } else {
    const days = Math.floor(diff / (1000 * 60 * 60 * 24));
    const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
    const seconds = Math.floor((diff % (1000 * 60)) / 1000);
    const milliseconds = diff % 1000;
    console.log(`剩余时间：${days}天 ${hours}小时 ${minutes}分钟 ${seconds}秒 ${milliseconds}毫秒`);
  }
}, 1000);