javascript - "0"分钟未出现在当前时间 (JavaScript/HTML)

Question

总的来说，我对编码还很陌生，所以如果我听起来很愚蠢，请提前道歉!

我目前正在从事一个关于智能镜子的项目。 GUI 显示用户的日历、当前时间和日期等。但是，我在构建的当前时间方面遇到了问题。 出于某种原因，如果分钟为“0”(例如“18:05”)，则当前时间将不显示分钟，例如“18:5”。任何帮助将不胜感激!这是下面的代码；

function updateClock() {
  var now = new Date(),
    months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  time = now.getHours() + ':' + now.getMinutes(), now.getSeconds();
  date = [now.getDate(),
    months[now.getMonth()],
    now.getFullYear()
  ].join(" ");

  document.getElementById("time").innerHTML = [date, time].join(" / ");

  setTimeout(updateClock, 1000);
}
updateClock();

<span id="time"></span>

提前致谢

Answer 1

如果分钟 < 10，则添加“0”

还将 now.getMinutes() 保存到一个变量中，这样您就不会多次生成它(浪费函数调用)。

function updateClock() {
    var now = new Date();
    var mins = 5;//set to now.getMinutes()
    mins = mins < 10 ? "0"+mins : mins;
    var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
        time =now.getHours() + ':' + mins, now.getSeconds();
    date = [now.getDate(),
            months[now.getMonth()],
            now.getFullYear()].join(" ");

    document.getElementById("time").innerHTML = [date, time].join(" / ");

    setTimeout(updateClock, 1000);
}
updateClock();

<div id="time"></div>