javascript - 如何使用 javascript 让我的时钟显示 6 位数字?

标签 javascript html css clock

<分区>

我制作了一个时钟,以时:分:秒的形式显示当前时间。目前时间显示为 20:30:25,但我的问题是,当时间是单个数字时,例如上午 1.05(3 秒),它会在时钟上显示为 1:5:3。我希望它显示为 01:05:03。

如何做到这一点?

var today = new Date();
var hours = today.getHours();
var minutes = today.getMinutes(); 
var seconds = today.getSeconds();
today = hours+':'+minutes+':'+seconds;
document.write(today);

最佳答案

一个简单的方法是使用 slice(-2) 技巧来始终让数字前面有零(如果需要)

带有负参数的 Slice 获取字符串的最后 n 个字符,在这种情况下,始终是两位数的值:

var today = new Date();
var hours = ("00" + today.getHours()).slice(-2);
var minutes = ("00" + today.getMinutes()).slice(-2); 
var seconds = ("00" + today.getSeconds()).slice(-2);

alert(hours+":"+minutes+":"+seconds);

关于javascript - 如何使用 javascript 让我的时钟显示 6 位数字?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26744521/

上一篇:html - 用单词而不是元素符号的无序列表?

下一篇:html - 限制 div 的折叠

相关文章:

javascript - mdToast 的 Angular Material 突出显示类不起作用

html - Header 中的 CSS 级联顺序

javascript - 如何使用 :after css property? 插入 <a> 标签

javascript - Bootstrap 弹出窗口不起作用

javascript - 什么是商业应用程序的好 map api?

javascript - 如何在 javascript 中解析 Dailymotion 视频网址

html - 网页中的声音输入

css - 将 iframe 的内部 html5 对象宽度设置为 100%

html - flex 包装 : wrap - image + wrapper with width 100%

html - 并排放置 2 个盒子 [div's]