如何仅在指定时间显示文本

How to show text only at specified times

本文关键字：显示 文本 定时间 何仅      更新时间：2023-09-26

我想让一些文本在下午3点到6点之间可见，否则不可见。

THNX！它有效！

此解决方案使用jQuery:

var timeout = setTimeout(TimeCheck, 1000);
function TimeCheck() {
    var d = new Date();
    var h = d.getHours();
    if(h>=15 && h<18) {
     $('#message').show();   
    }
    else
     $('#message').hide();
    clearTimeout(timeout);
    timeout = setTimeout(TimeCheck, 1000);
}

您可以增加超时频率。

根据评论更新

<html> 
    <head> 
        <script> 
            var timeout = setTimeout(TimeCheck, 1000); 
            function TimeCheck() { 
                var d = new Date(); 
                var h = d.getHours(); 
                if(h>=15 && h<=18) { 
                    document.getElementById('message').style.display = 'block'; 
                } 
                else 
                    document.getElementById('message').style.display = 'none'; 
                setTimeout(TimeCheck, 1000); 
            } 
        </script> 
    </head> 
    <body> 
        <p id="message" style="display:none;"> Hoi </p> 
    </body> 
</html>

var d = new Date(); // for now
var h=d.getHours(); 
if(h>=15 && h<18){
}
else{
document.getElementById(id).style.display = 'block';    
}

"id"是要隐藏的html中文本的id。你可以理解为什么它是h<18.因为，18:20的小时值为18。但是，你需要在15到18岁之间。

相关文章：