显示分区在9-5:30星期一-星期五Jquery之间

Question

试着在周一至周五的9点到5点30之间显示一个div，但似乎无法使它正常工作。div仍然显示。我的代码如下：

<script>// get current time
var d = new Date(), 
hours = d.getHours(),
mins = d.getMinutes();
day = d.getDay();   

// if day is mon-Fri and time is between 9am and 5:30pm
if(0 < dday < 6   
    && hours >= 9 
    && (hours < 17 || hours === 17 && mins <= 30)){

    $('.mydiv').show(); 
 };</script>

 <div class="mydiv">
<p>Put code here</p>
</div>

任何帮助都将不胜感激。

Answer 1

当测试失败时，您也需要隐藏它。而且，由于您使用的是一个立即执行的普通脚本块，所以在用<div>定义了这个代码之后，您需要将这些代码放在HTML中。

 if(0 < day < 6    // day here ???    
    && hours >= 9 
    && (hours < 17 || hours === 17 && mins <= 30)){

    $('.mydiv').show(); 
 } else {
    $('.mydiv').hide(); 
 }

或者，在默认情况下，可以将其隐藏为

<div class="mydiv" style="display: none">
 <p>Put code here</p>
</div>

如果您不想重新排序脚本块，那么将它包装在document.ready事件处理程序中

$( document ).ready( function() {
  // day logic here
});