javascript在特定時間顯示隱藏元素

Question

我想知道是否可以在某個特定時間顯示和隱藏某個元素？ 假設我希望div每天從20:00到07:00出現。

這是我嘗試過的方法，但是我缺少一些思路，對此我不知道。 請幫忙。

function myTimer() {
    var d = new Date();
    document.getElementById("MyTime").innerHTML = d.toLocaleTimeString();
}



$( document ).ready(function() {
myTimer();
show_hide_me();
});


function show_hide_me () {

   <------HERE START TO SHOW/ HIDE (I don´t know how to do it more)
    ("#MyElm")
    if the time between 20:00 - 07:00 show();
    else hide();
    }

 }

Answer 1

function show_hide_me () {
  var myDate = new Date();
  var hours = myDate.getHours();
    if (hours > 20 || hours < 7){
       $('#myElem').show();
    } else {
       $('#myElem').hide();
    }
 }

show_hide_me();

演示： http ： //jsfiddle.net/robschmuecker/wkhWK/

Answer 2

var date = new Date();
var currentHours = date.getHours();
currentHours = ("0" + currentHours).slice(-2);
alert(currentHours);
if (currentHours > 20 || currentHours < 7){        
  $('#myElem').show();
} 
else 
{
  $('#myElem').hide();
}

演示：

http://jsfiddle.net/f349k/1/