javascript - 每天下午用JavaScript隐藏CSS类

我希望在一天中的某些小时之间使用Javascript隐藏CSS类或ID。它是用于菜单的，所以说在中午12点之后，菜单每天消失，大约在上午8点出现。

我尝试在这里和其他各个地方进行搜索，但是找不到解决方案。也许是因为，当您搜索“ javascript”和“时间”或“小时数”时，会显示有关在为用户加载项目后经过一段时间后将其删除的结果。显然，这不是我所追求的。

Here is what I am trying：

var H = new Date();
document.getElementById("hour").innerHTML = H.getHours();
var M = new Date();
document.getElementById("mins").innerHTML = M.getMinutes();

完成JS小提琴：
http://jsfiddle.net/ft8hz5uf/6/

最佳答案

您可以使用getHours()的date object方法。

var now = new Date();
var hour = now.getHours();
if (hour > 12) {
  //12 to 23:59:59
  $("#before-noon").hide();
  $("#after-noon").show();
} else {
  //00 to 11:59:59
  $("#before-noon").show();
  $("#after-noon").hide();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="before-noon">Before Noon</div>
<div id="after-noon">After Noon</div>