Question

我想为我的妈妈建立一个网站，根据时间为母亲节做些不同的事情。

例如：

public class ViewModal
    {
       public int QuestionId { get; set; }
       public string question { get; set; }
       public string type { get; set; }
       public List<SegmentList> SegmentList { get; set; }
       public List<Answer> option { get; set; }

    }

＆＃34;喂！它很早就不会醒来！＆＃34;

 - From 12 AM to 8 AM it says

＆＃34;早！放松，这是母亲节。祝你有美好的一天！＆＃34;

你明白了。

我正在使用HTML制作它。但是可能需要我之前从未使用过的JavaScript，并且不确定如何输入代码。我不知道从哪里开始。

P.S。我知道我迟到了，但他们说迟到总比没有好。

Answer 1

这可能会对您有所帮助：

JSFiddle：https://jsfiddle.net/bzcrv411/13/

您仍需要手动刷新网站。如果您想自动执行此操作，则需要查看

Javascript活动

甚至

window.requestAnimationFrame

Goodluck;）

<!DOCTYPE html>
<html>
<head>
  <title>Happy Mother's day!</title>

  <style>
    body {
      background: lightgreen;
    }
    #comment {
      display: block;
      margin: 500px auto 0 auto;
      font-size: 32px;
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
    }
  </style>
</head>
<body>
    <div id="comment"></div>

    <script>
        var date, commentElement;

(function() {
  var date = new Date();
  var commentElement = document.getElementById("comment");
  var year = date.getFullYear(),
        month = date.getMonth(),
      day = date.getDate(),
      hours = date.getHours();

  if (year === 2018 && month === 5 && day === 13) {
        if (hours > 0 && hours < 12) {
        commentElement.innerHTML = "Hey! It's early don't wake up yet!";
      } else if (hours >= 12 && hours < 20) { 
        commentElement.innerHTML = "Morning! Relax, it's Mother's Day. Have a great day!";
      } else {
        commentElement.innerHTML = "";
      }
  } else {
    commentElement.innerHTML = "Nothing to see here!";
  }
})();
    </script>
</body>
</html>

是否可以根据时间更改文本？

1 个答案: