javascript - jQuery 送货倒计时——隐藏在周末的特定时间

标签 javascript jquery countdown countdowntimer jquery-countdown

我目前在一个电子商务网站上工作,我们需要一个送货柜台。这就是我目前的工作,周末柜台就藏在这里:

function twoD(n){
    return (n < 10 ? "0" : "") + n;
}
$(document).ready(function () {
    setInterval(function () {
        var now = new Date();
        var day = now.getDay();
        var end;

        if(day >= 1 && day <= 5) {
            end = new Date(now.getYear(), now.getMonth(), day, 14, 0, 0, 0);    
        } else {
            $('#wc_countdowntimer').hide();
        }

        var timeleft = end.getTime() - now.getTime();
        var diff = new Date(timeleft);


        $("#wc_countdowntimer").html("<i class='fa fa-clock-o'></i> Next shipment in " + twoD(diff.getHours()) + ":" + twoD(diff.getMinutes()) + ":" + twoD(diff.getSeconds()) + "");

    }, 1000);
});

唯一的问题是,我们希望计数器在周五下午 14 点后隐藏,然后在周日下午 14 点后再次显示。这将使柜台仅在距离订单发货不到 24 小时的情况下可见。

我已尝试进行各种更改,但我无法让代码按我想要的方式工作。

希望这里有人可以提供帮助。任何帮助将不胜感激。

最佳答案

你可以这样做:

 function isVisibleByDate(date) {
   var isVisible = true;
   //  hidden already after 14PM on friday and before sunday after 14PM
   var hour = date.getHours();
   var day = date.getDay();
   if ((day == 5 && hour > 14) || (day == 6 && hour < 14)) isVisible = false;   

   return isVisible;
 }

Online demo (jsFiddle)

关于javascript - jQuery 送货倒计时——隐藏在周末的特定时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51477679/

相关文章:

javascript - 重复 React 高阶组件的缺点是什么?

javascript - 如何在父 <optgroup> 中动态创建 <option> 元素

php - php数据库倒计时

java - 圣诞节倒计时

java - 如何使用java在服务器端实现倒计时触发器?

javascript - HTML 表单似乎正在提交 *both* POST 和 GET?

javascript - 重用 ng-controller 作为单例

javascript - window.onload 函数未运行

javascript - jQuery UI 弹跳效果对齐 Firefox 和 IE8 中剩余的元素

javascript - jQuery `prop` 在 FireFox 中无法在详细信息的 `open` 属性上工作