Javascript在特定时间显示隐藏元素

javascript show-hide an element in specific time

本文关键字：隐藏 元素 显示 定时间 Javascript      更新时间：2023-09-26

我想知道是否可以在o ' clock的特定时间显示和隐藏元素?假设我想让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();
    }
 }

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/

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/

相关文章：