css - 在一天中的特定时间用具有特定 css 的文本填充 div

Question

我正在寻找一种使用具有特定 CSS 的文本填充 div 的方法。我有两个不同的 css，我希望它们在一天中的特定时间填充 div。所以:晚上离线风格，白天在线。我熟悉 js 但我正在寻求帮助，因为我想结合“填充 div”和“在特定时间”。中性模式没有文本 - 这就是为什么我希望它被填充 - 我希望有人能帮助我!干杯

Answer 1

将您的 CSS 包含在两个单独的类中。假设类“日”和类“夜”。

然后添加以下Javascript:

<script>

var d = new Date();
var t = d.getHours();

if((t =< 18)&(t >= 6)){
    //Day
    body.addClass('Day');
}
else{
    //Night
    body.addClass('Night');
}    

</script>