JavaScript 提供了强大的时间处理能力，允许您将当前时间显示和基于时间的功能无缝集成到您的 Web 应用程序中。本指南探讨了使用 JavaScript 获取和格式化当前时间的各种方法。
目录
使用Date对象获取当前时间
Date对象是 JavaScript 时间处理的基石。创建一个没有参数的新的Date对象将返回当前日期和时间。但是，提取特定的时间组件通常更有用。
const now = new Date();
const hours = now.getHours();
const minutes = now.getMinutes();
const seconds = now.getSeconds();
const milliseconds = now.getMilliseconds();
console.log(`当前时间: ${hours}:${minutes}:${seconds}:${milliseconds}`);
请注意，getHours()返回的值范围为 0-23。让我们改进格式：
function formatTime(time) {
return time.toString().padStart(2, '0'); //改进的格式
}
const formattedTime = `${formatTime(hours)}:${formatTime(minutes)}:${formatTime(seconds)}:${formatTime(milliseconds)}`;
console.log(`格式化后的当前时间: ${formattedTime}`);
使用UTC时间
UTC（协调世界时）提供不受夏令时或时区影响的时间标准。使用getUTCHours()、getUTCMinutes()等获取UTC时间：
const nowUTC = new Date();
const utcHours = nowUTC.getUTCHours();
const utcMinutes = nowUTC.getUTCMinutes();
const utcSeconds = nowUTC.getUTCSeconds();
const utcMilliseconds = nowUTC.getUTCMilliseconds();
console.log(`UTC当前时间: ${utcHours}:${utcMinutes}:${utcSeconds}:${utcMilliseconds}`);
显示本地时间
对于用户友好的本地时间表示，请使用toLocaleTimeString()：
const nowLocal = new Date();
const localTimeString = nowLocal.toLocaleTimeString();
console.log(`本地时间格式的当前时间: ${localTimeString}`);
这会自动根据用户的区域设置和时区进行调整。
自定义时间格式
toLocaleTimeString()使用选项提供了广泛的自定义功能：
const options = { hour: 'numeric', minute: 'numeric', second: 'numeric', hour12: true };
const formattedLocalTime = nowLocal.toLocaleTimeString('en-US', options);
console.log(`格式化的本地时间: ${formattedLocalTime}`);
有关完整的选项，请参阅 MDN 的 toLocaleTimeString() 文档。
通过掌握这些技术，您可以有效地管理 JavaScript 应用程序中的时间，以满足不同的显示和功能需求。