【问题标题】:jQuery delivery countdown - hide in specific time in weekendsjQuery交付倒计时 - 隐藏在周末的特定时间
【发布时间】:2018-12-30 20:09:31
【问题描述】:

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

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 小时时可见。

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

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

【问题讨论】:

    标签: javascript jquery countdown countdowntimer jquery-countdown


    【解决方案1】:

    你可以这样做:

     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)

    【讨论】:

    • 有了你的代码,我设法让它按照我想要的方式工作,用我自己的代码。谢谢!
    • 我想我很快就和他谈过了。试图将它实现到我的代码中,但它似乎毕竟不起作用。您可以尝试在 jsFiddle 中使用我的代码实现您的代码吗?
    • @MathiasBeck 我查过了。你说的对。我改变了如果修复的条件请再次查看我的小提琴。
    猜你喜欢
    • 2016-06-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-05-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多