javascript - 根据当前日期和时间停止/隐藏 JavaScript 运行？ (jquery？)

Question

我正在开发一个项目(实时聊天)，该项目使用一些 JavaScript 代码将聊天按钮放置到网页上。我想要做什么，具体取决于它是一周中的哪一天以及它是什么时间 - 是显示或隐藏此 javascript 代码，因此，该按钮仅在实时聊天“打开”时出现。

我研究过jquery，它似乎非常有能力做到这一点，但是，我以前没有使用过它，并且在编写代码时遇到了麻烦。

我找到了一个项目( https://jsfiddle.net/16mnrL3b/ )，它似乎可以满足我的需要，但我不知道如何每天输入值。我需要每天有不同的开放时间，例如周一 - 上午 9 点至下午 5 点，周二 - 上午 10 点 - 下午 4 点等...

//gets the current time. 
var d = new Date();
if(d.getHours() >= 7 && d.getHours() <= 15 ){
    $(".open").show();
    $(".closed").hide();
}
else {  
     $(".closed").show();
    $(".open").hide();
}

--

<div class = "open">Shop is open</div>
<div class = "closed">Shop is closed</div>

谁能帮忙解决这个问题吗？

Answer 1

详细了解 Date()

// 0 Sunday
// 1 Monday
// 2 Tuesday
// ...
// 6 Saturday

var d = new Date();
var openHours = 0;
var closedHours = 0;

switch(d.getDay()) {
    case 0:
        openHours = 7;
        closeHours = 17;
        break;
    case 1:
        openHours = 8;
        closeHours = 18;
        break;
    case 2:
        openHours = 7;
        closeHours = 17;
        break;
    case 3:
        openHours = 8;
        closeHours = 18;
    case 4:
        openHours = 7;
        closeHours = 17;
        break;
    case 5:
        openHours = 7;
        closeHours = 17;
        break;
    case 6:
        openHours = 9;
        closeHours = 15;
        break;
}


if(d.getHours() >= openHours && d.getHours() <= closeHours) {
    $(".open").show();
    $(".closed").hide();
}else {
    $(".open").hide();
    $(".closed").show();
}

这将根据日期设置时间并相应地显示它们