在日期范围和时间中显示/隐藏 DIV

Question

大家好 Stackoverflow。

经过大量搜索后，我真的陷入了困境。我想做某种图像旋转器脚本，说明 DIV 在日期/时间范围内的变化，因此在上午 12 点之后，div 将类更改为关闭而不是打开。

http://www.diggerland.com

任何想法如何实现这一目标？我只需要知道走哪条路。

问候， 乔

Answer 1

我不知道这是否是你要找的，但这是我在小提琴中制作的一个例子：

https://jsfiddle.net/01830zuj/

function ShowOnTime(from, to, element){

    var a = new Date(); 
    var now = a.getHours(); //local hours. For GMT use .getUTCHours()

    if( now < from || now > to ){
        $(element).hide();
    }else{
        $(element).show();
    }

}

$(document).ready(function(){
    ShowOnTime(10,13,"#TestDiv"); 
});

使用此功能，您只需输入要显示的时间间隔和元素。

由于某种原因，它没有隐藏在小提琴中，但我在我的实时网站上对其进行了测试，它在那里工作得很好。