首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在一周中的正确时间和日期切换div

如何在一周中的正确时间和日期切换div
EN

Stack Overflow用户
提问于 2021-06-24 02:25:16
回答 1查看 30关注 0票数 0

我想知道如何在正确的时间和星期几切换div。示例:-当周日12:00 12 div1将显示时,周一12:00 div2将显示其他人隐藏的时间。这段代码可以很好地在正确的时间隐藏显示,但我也想添加星期几来显示隐藏,如if (day== sunday || n > '08:59' && n < '09:59'){}

代码语言:javascript
复制
        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();
    });
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-06-24 02:36:02

您可以使用const d = now.getDay(),它返回0-6,其中0=星期天。然后你可以在if语句中检查特定的一天,比如if(d === 3 && … )来检查星期三。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68105313

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档