Question

我想知道是否可以在特定时间显示和隐藏元素？假设我希望每天从20:00到07:00显示div。

这是我尝试的但是我缺少一些我不知道的线条。请帮忙。

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/

javascript show-hide特定时间内的元素

2 个答案: