JavaScript日期与时间处理函数详解及示例
本文详细介绍JavaScript中Date对象及其常用方法，涵盖获取当前时间、提取年月日时分秒、格式化输出、日期比较及时间差计算等核心功能。通过具体代码示例，帮助开发者高效处理Web开发中的时间与日期相关任务。
1. 什么是时间函数?
JavaScript 提供了内置的时间处理函数，用于操作代码中的日期和时间数据。这些函数支持获取当前时刻或计算两个时间点之间的间隔。
2. 常用的时间函数有哪些?
| 函数 | 说明 |
|---|---|
| Date() | 创建一个表示当前日期和时间的 Date 对象。可以通过传递参数来指定特定的日期和时间。 |
| getTime() | 返回一个日期对象的时间戳，表示从 1970 年 1 月 1 日午夜（UTC 时间）至今所经过的毫秒数。 |
| getFullYear() | 返回一个日期对象的年份。 |
| getMonth() | 返回一个日期对象的月份（0-11）。 |
| getDate() | 返回一个日期对象的月份中的日期（1-31）。 |
| getDay() | 返回一个日期对象的星期几（0-6，其中 0 表示星期日）。 |
| getHours() | 返回一个日期对象的小时数（0-23）。 |
| getMinutes() | 返回一个日期对象的分钟数（0-59）。 |
| getSeconds() | 返回一个日期对象的秒数（0-59）。 |
| setFullYear() | 设置一个日期对象的年份。 |
| setMonth() | 设置一个日期对象的月份。 |
| setDate() | 设置一个日期对象的日期。 |
| setHours() | 设置一个日期对象的小时数。 |
| setMinutes() | 设置一个日期对象的分钟数。 |
| setSeconds() | 设置一个日期对象的秒数。 |
掌握这些函数有助于在 JavaScript 中高效处理日期与时间相关逻辑。
3. 如何定义和使用时间函数?
1. 获取当前时间：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../JQ/jquery-1.12.4.js"></script>
<script>
const now = new Date();
console.log(now); // 输出当前日期和时间
</script>
</head>
<body>
</body>
</html>
运行结果如下：
2. 提取特定时间的年、月、日、时、分、秒：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../JQ/jquery-1.12.4.js"></script>
<script>
const date = new Date();
const year = date.getFullYear(); // 获取年份
const month = date.getMonth() + 1; // 获取月份（注意JavaScript中月份是从0开始的）
const day = date.getDate(); // 获取日期（即天）
const hour = date.getHours(); // 获取小时
const minute = date.getMinutes(); // 获取分钟
const second = date.getSeconds(); // 获取秒
console.log(year, month, day, hour, minute, second);
</script>
</head>
<body>
</body>
</html>
运行结果如下：
3. 将时间格式化为指定字符串：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../JQ/jquery-1.12.4.js"></script>
<script>
const date = new Date();
const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
const hour = date.getHours();
const minute = date.getMinutes();
const second = date.getSeconds();
const formattedTime = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
console.log(formattedTime);
</script>
</head>
<body>
</body>
</html>
运行结果如下：
4. 比较两个日期的大小：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../JQ/jquery-1.12.4.js"></script>
<script>
var date1 = new Date(2022, 1, 1);
var date2 = new Date(2023, 1, 1);
if (date1 < date2) {
console.log("date1 is before date2");
} else if (date1 > date2) {
console.log("date1 is after date2");
} else {
console.log("date1 is equal to date2");
}
</script>
</head>
<body>
</body>
</html>
运行结果如下：
5. 计算两个日期的时间差：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../JQ/jquery-1.12.4.js"></script>
<script>
var date1 = new Date(2022, 1, 1);
var date2 = new Date(2023, 1, 1);
var timeDiff = Math.abs(date2.getTime() - date1.getTime());
var daysDiff = Math.floor(timeDiff / (1000 * 3600 * 24));
document.write("daysDiff:"+daysDiff+"\n\n\n")
var hoursDiff = Math.floor(timeDiff / (1000 * 3600));
document.write("hoursDiff:"+hoursDiff+"\n\n\n")
var minutesDiff = Math.floor(timeDiff / (1000 * 60));
document.write("minutesDiff:"+minutesDiff+"\n\n\n")
var secondsDiff = Math.floor(timeDiff / 1000);
document.write("secondsDiff:"+secondsDiff+"\n\n\n")
</script>
</head>
<body>
</body>
</html>
运行结果如下：
以上总结了常用的日期和时间函数用法，它们能协助开发者处理各类时间数据。
4. 时间函数的应用场景
| 函数 | 说明 |
|---|---|
| 获取当前时间 | 可以使用Date对象的方法来获取当前的日期和时间，例如：Date.now()、new Date()等。 |
| 格式化时间 | 可以将时间对象按照指定的格式转换为字符串，例如：toLocaleDateString()、toLocaleTimeString()等。 |
| 计算时间差 | 可以用于计算两个时间点之间的时间差，例如：getTime()方法可以获取时间戳，从而可以计算两个时间的差值。 |
| 设置定时器 | 可以使用setTimeout()和setInterval()方法来设置定时器，从而在指定时间间隔内执行指定的函数。 |
| 格式化和解析时间字符串 | 可以使用Date对象的parse()方法来解析时间字符串为时间对象，也可以使用toLocaleString()等方法将时间对象格式化为指定格式的字符串。 |
| 执行定时任务 | 可以使用setInterval()方法来执行定时任务，例如：定时发送心跳包、定时检查接口状态等。 |
| 转换时区 | 可以使用getTimezoneOffset()方法获取本地时区与GMT时间的差值，从而进行时区的转换。 |
上述仅为常见用法，实际上时间函数在 JavaScript 中的应用极为广泛，可根据具体业务需求选择合适的方法进行时间操作。
附录：常用日期时间函数速查
1. 获取当前日期和时间（Date）：使用 JavaScript 内置的 Date 对象即可获取当前日期和时间。
以下代码演示如何获取当前日期和时间：
var currentDate = new Date();
console.log(currentDate);
2. 获取当前年份（getFullYear）：通过 Date 对象的 getFullYear() 方法可以获取当前年份。示例代码如下：
var currentDate = new Date();
var currentYear = currentDate.getFullYear();
console.log(currentYear);
该代码首先实例化 Date 对象，随后调用 getFullYear() 方法获取年份，最后将结果输出至控制台。
3. 获取当前月份（注意：月份索引从 0 开始）：
var currentMonth = currentDate.getMonth();
console.log(currentMonth);4. 获取当前小时（getHours）：
var currentHour = currentDate.getHours();
console.log(currentHour);
5. 获取当前分钟（getMinutes）：
var currentMinute = currentDate.getMinutes();
console.log(currentMinute);
6. 获取当前秒数（getSeconds）：
var currentSecond = currentDate.getSeconds();
console.log(currentSecond);
7. 格式化日期和时间（toLocaleString）：
var formattedDate = currentDate.toLocaleString();
console.log(formattedDate);总结
综上所述，JavaScript 时间函数提供了一系列处理、获取和操作时间的功能，便于进行时间转换、比较与计算。在处理时间相关任务时，它能显著提升开发效率。
关于 JavaScript 日期时间函数使用方法的介绍到此结束，更多相关 js 日期时间函数内容请搜索本站以前的文章或继续浏览下面的相关文章，希望大家以后多多支持本站！
ES6模块化中js文件怎么用import和export交互
2026-11-05 17:00:48
JS读取本地文件时报错或无响应的常见原因
2026-11-05 16:32:31
let、const与var的区别：JavaScript变量声明最佳实践
2026-11-05 14:16:38
JS中直接定义静态二维数组的字面量写法
2026-11-05 14:16:08
JS 怎么查找字符串中所有匹配项的位置
2026-11-05 14:15:53