【问题标题】:Show div between mon-fri 9-5 jquery在周一至周五 9-5 jquery 之间显示 div
【发布时间】:2013-08-06 14:38:06
【问题描述】:

只需要一点帮助就可以在周一至周五 9-5 之间触发 div:

HTML

<div class="liveperson">

<!-- Start liveperson code -->
<!-- End Liveperson code -->
</div>

jQ

    $(document).ready(function() {
    var rightNow = getHours(); 
    var day = rightNow.getUTCDay();
    if (day == 1-5 || rightNow == 9-13) { 
      $('.liveperson').show(); 
    }

});

不知道我做错了什么!

任何帮助将不胜感激!

提前谢谢大家!

【问题讨论】:

  • 你不能做== 1-5 那是==-4,你需要((day &gt;= 1) &amp;&amp; (day &lt;=5))
  • 这种方法一点都不好。 JavaScript 将获取本地机器查看页面的时间,而不是 Web 服务器,因此在不同时区访问将显示您离线时的实时支持。您需要为此类任务找到基于服务器的解决方案,而不是 JavaScript。

标签: javascript html time load


【解决方案1】:

试试这个:

var d = new Date();
var dayOfWeek = d.getDay();
var hour = d.getHours();

if (dayOfWeek > 0 && dayOfWeek < 6 && hour > 8 && hour < 17) {
    $('.liveperson').hide();
}

dayOfWeek 是 0-6,星期日 (0) 到星期六 (6)。

hour 是 0-23(0 是上午 12 点,23 是晚上 11 点)。

jsFiddle example

【讨论】:

  • 因为我在这里有点白痴,并认为我需要在这些时间之间隐藏 div(而不是显示它),所以我稍微更改了您的代码,make3.看看有没有道理...&lt;script type="text/javascript"&gt; jQuery(document).ready(function () { var d = new Date(); var dayOfWeek = d.getDay(); var hour = d.getHours(); if (dayOfWeek =&gt; 6 &amp;&amp; dayOfWeek &lt;= 0 &amp;&amp; hour =&gt; 17 &amp;&amp; hour &lt;= 9) { jQuery('.slide-out-div').hide(); } }); &lt;/script&gt;
  • @user2095569 如果您做相反的事情,您将需要切换到使用 || 而不是 &&(因此您将显示是否满足这些条件中的任何一个,而不仅仅是全部):@ 987654327@)`
  • 您好@user2095569,感谢您的输入...正如您在此处看到的,它在 jsFiddle 中仍然有点像猪...现在已经过了 17 点,所以它不应该显示,正确的? (jsfiddle.net/hslincoln/PYbkb/2)
  • 我想既然已经17岁了,应该隐藏吧?这里的小时目前是 11,当我设置小时 >= 11 时,它按预期工作。
【解决方案2】:
// 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)){

    $('.liveperson').show(); 
 };

应该这样做。

【讨论】:

    猜你喜欢
    • 2012-12-12
    • 1970-01-01
    • 2021-05-03
    • 1970-01-01
    • 1970-01-01
    • 2017-01-01
    • 2017-09-16
    • 2015-11-22
    • 1970-01-01
    相关资源
    最近更新 更多