使用Javascript根据时间更改文本

Question

现在，我在跨度#time中提取当前时间，并希望根据时间将自定义消息添加到#officehours中，但无法让它们相互配合。

 //Timestamp function getTimeCurrentTime() { let time = new Date(); return time.toLocaleString('en-US').split(',')[1]; } function updateCurrentTime() { let timeNode = document.getElementById('time'); timeNode.innerHTML = getTimeCurrentTime(); } setInterval(updateCurrentTime, 1000); function officeHours() { var myDate = new Date(); var hrs = myDate.getHours(); var greet; if (hrs < 12) greet = 'Good Morning'; else if (hrs >= 12 && hrs <= 17) greet = 'Good Afternoon'; else if (hrs >= 17 && hrs <= 24) greet = 'Good Evening'; document.getElementById('officehours').innerHTML = greet; }

 <div class="timecontainer"> <span>Office Hours:</span><br> <span>MF, 9:00-5:00</span><br> <span>Currently:</span><span id="time"></span><br> <span>We Are:</span><span id="officehours"></span> </div>

Answer 1

调用函数。

您已经定义了一个名为updateCurrentTime的函数：

function updateCurrentTime() {
  //...
}

你每隔 1 秒调用一次：

setInterval(updateCurrentTime, 1000);

您还定义了一个名为officeHours的函数：

function officeHours() {
  //...
}

但你永远不会调用它。 为了执行一个函数，你必须调用它。 大概在这种情况下，意图是从updateCurrentTime函数调用它。 例如：

function updateCurrentTime() {
  let timeNode = document.getElementById('time');
  timeNode.innerHTML = getTimeCurrentTime();
  officeHours();
}