如何在正確的時間和星期幾切換 div

Question

我想知道如何在正確的時間和工作日切換 div。 示例：- 當星期日中午 12:00 div1 將顯示時，在星期一 12:00 div2 將顯示其他時間隱藏。 這段代碼在正確的時間可以很好地隱藏顯示，但我也想添加周天來顯示隱藏，例如if (day== sunday || n > '08:59' && n < '09:59'){}

        function running() {
        Object.prototype.twoDigits = function () {
            return ("0" + this).slice(-2);
        }

        // get current date and time
        let now = new Date();
        n = now.getHours().twoDigits() + ':' + now.getMinutes().twoDigits();

        if (n > '08:59' && n < '09:59') {
            $(".class-1").addClass("now").removeClass("old");
            $('.class-1 .overlay').hide();
            $('.class-2 .overlay').show();
            $('.class-3 .overlay').show();
            $('.class-4 .overlay').show();
            $('.class-1 .overlay-2').hide();
            $('.class-2 .overlay-2').hide();
            $('.class-3 .overlay-2').hide();
            $('.class-4 .overlay-2').hide();
        }
        else if (n > '09:59' && n < '10:59') {
            $(".class-2").addClass("now").removeClass("old");
            $('.class-1 .overlay').hide();
            $('.class-2 .overlay').hide();
            $('.class-3 .overlay').show();
            $('.class-4 .overlay').show();
            $('.class-1 .overlay-2').show();
            $('.class-2 .overlay-2').hide();
            $('.class-3 .overlay-2').hide();
            $('.class-4 .overlay-2').hide();
           
        }
        else if (n > '10:59' && n < '11:29') {
            
            $('.class-1 .overlay').hide();
            $('.class-2 .overlay').hide();
            $('.class-3 .overlay').show();
            $('.class-4 .overlay').show();
            $('.class-1 .overlay-2').show();
            $('.class-2 .overlay-2').show();
            $('.class-3 .overlay-2').hide();
            $('.class-4 .overlay-2').hide();
           
        }   
       
        else {
            $(".class-1").addClass("old").removeClass("now");
            $(".class-2").addClass("old").removeClass("now");
            $(".class-3").addClass("old").removeClass("now");
            $(".class-4").addClass("old").removeClass("now");
            $('.hooray').show();
            $('.overlay').show();
            $('.overlay-2').hide();
          
        }
    }
    $(document).ready(function () {
        running();
    });

Answer 1

您可以使用const d = now.getDay()返回 0 - 6 其中 0 = 星期日。 然后，您可以在if(d === 3 && … )等if(d === 3 && … )語句中檢查特定日期以檢查星期三。