如何以 HH:MM:SS 格式显示当前时间?
如何在 JavaScript 中以 HH:MM:SS 格式显示当前时间?
IT技术
javascript
datetime
2021-02-08 06:20:50
6个回答
您可以使用本机功能Date.toLocaleTimeString()
:
var d = new Date();
var n = d.toLocaleTimeString();
这将显示例如:
"11:33:01"
function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
function startTime() {
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
// add a zero in front of numbers<10
m = checkTime(m);
s = checkTime(s);
document.getElementById('time').innerHTML = h + ":" + m + ":" + s;
t = setTimeout(function() {
startTime()
}, 500);
}
startTime();
<div id="time"></div>
仅使用 javaScript 的演示
更新
(function () {
function checkTime(i) {
return (i < 10) ? "0" + i : i;
}
function startTime() {
var today = new Date(),
h = checkTime(today.getHours()),
m = checkTime(today.getMinutes()),
s = checkTime(today.getSeconds());
document.getElementById('time').innerHTML = h + ":" + m + ":" + s;
t = setTimeout(function () {
startTime()
}, 500);
}
startTime();
})();
您可以在Javascript
.
var time = new Date();
console.log(time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds());
目前它返回15:5:18
。请注意,如果任何值小于 10,它们将仅使用一位而不是两位来显示。
在JSFiddle 中检查这个
更新:
对于前缀 0 的尝试
var time = new Date();
console.log(
("0" + time.getHours()).slice(-2) + ":" +
("0" + time.getMinutes()).slice(-2) + ":" +
("0" + time.getSeconds()).slice(-2));
new Date().toTimeString().slice(0,8)
请注意, toLocaleTimeString() 可能会返回类似9:00:00 AM
.