使用 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>M-F, 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();
}

使用 Javascript 根据时间更改文本

Change Text based on time with Javascript

javascript

time