Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用JavaScript计划div显示?_Javascript - Fatal编程技术网

如何使用JavaScript计划div显示?

如何使用JavaScript计划div显示?,javascript,Javascript,我有一个div id=“button”我想在工作日(周一至周五)从早上9点到晚上19点显示。 当这个div没有显示(“else”)时,我想显示一个div id=“different” 我想我在这里找到了一个类似但更复杂的解决方案 问题是,我在JS中是一个哑巴,不能跟随。一个简单且易于调整的复制/粘贴解决方案将不胜感激 这里有一个更简单的解决方案: var dt = new Date(); // get current date var dy = dt.day(); // get the day

我有一个
div id=“button”
我想在工作日(周一至周五)从早上9点到晚上19点显示。 当这个
div
没有显示(“else”)时,我想显示一个
div id=“different”

我想我在这里找到了一个类似但更复杂的解决方案


问题是,我在JS中是一个哑巴,不能跟随。一个简单且易于调整的复制/粘贴解决方案将不胜感激

这里有一个更简单的解决方案:

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.
}
var dt=new Date();//获取当前日期
var dy=dt.day();//从日期对象获取日期
var hr=dt.getHours();//从日期对象获取小时数
如果(dy>=1&&dy=9&&hr<19){//检查时间是否正确
document.getElementById('button')。style.display='block';//将按钮显示为块
document.getElementById('other')。style.display='none';//隐藏“other”按钮。
}否则{
document.getElementById('button')。style.display='none';//将按钮显示为块
document.getElementById('other').style.display='block';//隐藏“other”按钮。
}
这非常明确地做到了您所说的,但是可以参考进行调整,这将为您提供天数(星期日为0,星期一为1,等等)的数字以及JavaScript日期对象的其他属性(如果您需要)


[我相信其他人也可以使用它。]

这并不是它真正的工作原理@JanHančič为什么这个问题不好?这不是一个主观的问题,它要求一个明确的解决方案。它的范围合理,不需要讨论。OP不提供代码,但链接到一些代码,并要求提供更适合初学者的代码。我是否错过了常见问题解答中的某些内容?也许我误解了规则,但我认为这里不欢迎“给我代码”类型的问题…@JanHančIč可能是我的误解。只是我看不出这个问题有什么明显的错误,为其他人写一些简单易懂的代码是初学者学习的好方法。另一方面,如果问题是说“请做我的家庭作业”,我可能就不会那么宽容了;-)@JanHančič因为你是一个有着很高声誉的人,并且有兴趣好好利用SO,我很想看看你对下面可能的剽窃案例有何看法。。。对此有什么想法,或者这只是我们必须接受并继续前进的事情吗?谢谢)我也读了一些关于w3schools的文章,并将其添加为getUTCDay和getUTCHours,因此显示时间将取决于我的实际工作时间,而不是访客当地时间。