在 JavaScript 中将 getSeconds() 更改为 2 位数字格式
要将 getSeconds()
方法更改为 2 位格式:
-
将调用
getSeconds()
的结果转换为字符串。 -
如有必要,请使用
padStart()
方法添加前导零。 -
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
方法:
- target length - padStart 方法在填充后应返回的字符串的长度。
- 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,请选择第二种。
相关文章
使用 CSS 和 JavaScript 制作文本闪烁
发布时间:2023/04/28 浏览次数:146 分类:CSS
-
本文提供了使用 CSS、JavaScript 和 jQuery 使文本闪烁的详细说明。
在 PHP 变量中存储 Div Id 并将其传递给 JavaScript
发布时间:2023/03/29 浏览次数:69 分类:PHP
-
本文教导将 div id 存储在 PHP 变量中并将其传递给 JavaScript 代码。
在 JavaScript 中从字符串中获取第一个字符
发布时间:2023/03/24 浏览次数:93 分类:JavaScript
-
在本文中,我们将看到如何使用 JavaScript 中的内置方法获取字符串的第一个字符。
在 JavaScript 中获取字符串的最后一个字符
发布时间:2023/03/24 浏览次数:141 分类:JavaScript
-
本教程展示了在 javascript 中获取字符串最后一个字符的方法