在前端开发中，我们经常需要在页面上显示时间。JavaScript 提供了一个内置的方法 .toLocaleTimeString() 可以非常方便地将日期对象转换为当地时间的字符串表示形式。
默认情况下，.toLocaleTimeString() 方法返回包含小时、分钟和秒的字符串。但是，在某些情况下，我们可能只想要显示小时和分钟，而不包含秒数。本文将介绍如何使用 .toLocaleTimeString() 来实现这一目标。
1. 使用 toLocaleTimeString() 方法
首先，我们来看一下 .toLocaleTimeString() 方法的基本用法。以下代码创建一个日期对象，并将其转换为当地时间的字符串表示形式：
const date = new Date(); const timeString = date.toLocaleTimeString(); // e.g. "9:41:25 AM" or "17:41:25"
这里 timeString 的值取决于当前用户的时区设置。
2. 不显示秒数
如果我们希望省略输出字符串中的秒数，可以通过传递选项参数来实现。具体来说，我们可以将 { second: 'none' } 作为选项传递给 .toLocaleTimeString() 方法。以下是示例代码：
const date = new Date();
const options = { hour12: true, hour: 'numeric', minute: 'numeric', second: 'none' };
const timeString = date.toLocaleTimeString([], options); // e.g. "9:41 AM" or "5:41 PM"在这个例子中，我们使用 hour12: true 选项来表示小时是否应该使用 12 小时制（默认为 false）。hour, minute, 和 second 字段用于指定哪些时间部分应该包含在输出字符串中，'none' 表示不包含秒。
3. 兼容性
需要注意的是，.toLocaleTimeString() 方法可能在某些旧版本的浏览器上不受支持。在这种情况下，可以考虑使用 Moment.js 或 day.js 等库来格式化日期和时间。
结论
了解如何使用 .toLocaleTimeString() 方法来不显示秒数可以提高前端开发人员的技能水平，并使他们的代码更加精简和易读。使用选项参数时要特别小心，以确保输出的时间格式符合您的预期。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12824