js------时间比较（24小时制时分比较 07:00 15:05 ）

最新推荐文章于 2025-06-25 09:18:44 发布

原创最新推荐文章于 2025-06-25 09:18:44 发布 · 6.4k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#js 时间比较 24小时制

js 专栏收录该内容

52 篇文章

订阅专栏

本文介绍了一种基于当前时间与指定时间段比较的方法，用于控制网页中特定元素的显示与隐藏状态。通过JavaScript实现，该方法能够根据设定的时间段决定是否显示或隐藏指定的HTML元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.需求（判断当前时间是否在某个时间段内，如果在控件隐藏，否则控件显示）

<body>
    <div id="div2">显示de</div>
    <div id="div1" style="background: red;width: 100%;height: 200px"></div>
</body>

<script>
    
    function CompareDate(t1,t2)
    {
        var date = new Date();

        var dangqian=date.toLocaleTimeString('chinese',{hour12:false})
        var dq=dangqian.split(":");
        var a = t1.split(":");
        var b = t2.split(":");
        console.log(dq);  //['16','19','32']
        console.log(a);   ////['16','10']
        console.log(b);   ////['23','45']

        var dqdq=date.setHours(dq[0],dq[1]);
        var aa=date.setHours(a[0],a[1]);
        var bb=date.setHours(b[0],b[1]);

        console.log(dqdq);
        console.log(aa);
        console.log(bb);
        console.log(aa<dqdq<bb)
        return aa<dqdq<bb

    }

    //调用：
   var result=CompareDate("07:00","23:45");
   var odiv=document.getElementById("div1");
   var odiv1=document.getElementById("div2")
   if(result==true){
       odiv.style.display="none";
       odiv1.innerHTML="隐藏的";
   }

</script>