在日期范围内显示/隐藏DIV&时间

时间:2015-03-30 09:58:54

标签: javascript jquery html css wordpress

大家好,Stackoverflow

经过大量的搜索,我真的被卡住了。我想做一些DIV在日期/时间范围内变化的图像旋转器脚本,所以在12点之后div将类更改为关闭而不是打开。

http://www.diggerland.com

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

此致 乔

1 个答案:

答案 0 :(得分:0)

我不知道这是不是你要找的东西,但这里是我用小提琴做的一个例子:

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"); 
});

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

出于某种原因,它并没有隐藏在小提琴中,但我在我的实时网站上测试过,它在那里工作得很好。