迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 > JavaScript >

在 JavaScript 中将 getSeconds() 更改为 2 位数字格式

作者:迹忆客 最近更新:2022/12/15 浏览次数:

要将 getSeconds() 方法更改为 2 位格式:

  1. 将调用 getSeconds() 的结果转换为字符串。
  2. 如有必要,请使用 padStart() 方法添加前导零。
  3. padStart 方法允许我们在字符串的开头添加一个前导零。
const date = new Date('March 14, 2025 05:24:07');

const seconds = String(date.getSeconds()).padStart(2, '0');
console.log(seconds); // 👉️ 07

padStart 方法必须在字符串上使用,因此第一步是将秒数转换为字符串。

我们将以下 2 个参数传递给 padStart 方法:

  1. target length - padStart 方法在填充后应返回的字符串的长度。
  2. pad string - 我们想要填充现有字符串的字符串,在我们的例子中是 - 0。

我们知道秒的长度应该始终为 2,所以这就是我们设置的目标长度。

如果秒数已经有 2 位数字,则 padStart 方法不会添加额外的前导零,因为我们已将目标长度设置为 2。

const date = new Date('March 14, 2025 13:24:22');

const seconds = String(date.getSeconds()).padStart(2, '0');
console.log(seconds); // 👉️ 22

秒设置为 22(2 位数字),因此 padStart 方法没有添加前导零。

Internet Explorer 不支持 padStart 方法。 如果我们必须支持浏览器,请使用本文介绍的下一种方法。

要将 getSeconds() 方法更改为 2 位格式,请检查秒数是否小于或等于 9,如果是,则使用加法 (+) 运算符向秒数添加前导零,如果不存在 无需添加前导零。

const date = new Date('September 24, 2025 05:24:06');

let seconds = date.getSeconds();
seconds = seconds <= 9 ? '0' + seconds : seconds;
console.log(seconds); // 👉️ 06

我们使用了一个三元运算符,它与 if/else 语句非常相似。

如果秒数等于或小于 9,我们添加一个前导零,否则我们按原样返回秒数。

两种方法都可以,如果我们必须支持 Internet Explorer,请选择第二种。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便