javascript - 显示 9-5 之间的 div :30 Mon-Friday Jquery

Question

尝试让 div 在周一至周五的 9-5:30 之间显示，但似乎无法使其正常运行。 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

当测试失败时，您也需要隐藏它。而且，由于您使用的是立即执行的纯脚本 block ，因此您需要在定义 <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>

如果您不想重新排序脚本 block ，请将其包装在 document.ready 事件处理程序中，如下所示

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