javascript - 如何使用 JavaScript 安排 div 显示？

Question

我有一个div id="button"我想在工作日（周一到周五）上午 9 点到晚上 19​​ 点展示。当div不显示（“else”）时，我想显示一个div id="different".

我想我在这里找到了一个类似但更复杂的解决方案Show div based on getDay and getHours + getMinutes

问题是我在 JS 中是个假人，跟不上。一个简单且易于调整的复制/粘贴解决方案将不胜感激！

Answer 1

这是一个更简单的解决方案：

var dt = new Date(); // get current date
var dy = dt.day(); // get the day from the date object
var hr = dt.getHours(); // get the hour from the date object

if (dy >= 1 && dy <= 5 && hr >= 9 && hr < 19) { // check the time is right
    document.getElementById('button').style.display = 'block'; // shows button as block
    document.getElementById('other').style.display = 'none'; // hides "other" button.
} else {
    document.getElementById('button').style.display = 'none'; // shows button as block
    document.getElementById('other').style.display = 'block'; // hides "other" button.
}

这非常具体地按照您所说的进行，但可以参考此页面进行调整，如果您需要，它将为您提供天数（星期日为 0、星期一 1 等）和 JavaScript Date 对象的其他属性。

[我相信其他人也可以用它打一些代码高尔夫。]