【发布时间】:2016-05-23 18:46:32
【问题描述】:
我正在尝试根据时间在白天改变我的背景,尝试了 4 种不同的方法并在此处搜索,但仍然无法弄清楚。谁能告诉我我做错了什么?提前致谢!
$(document).ready(function(){
var d = new Date();
var n = d.getHours();
if (n > 6 || n < 10)
$(body).addClass('two');
else if (n > 10 && n < 17)
$(body).addClass('one');
else if (n > 17 && n <= 19)
$(body).addClass('three');
else
$(body).addClass('five');
});
CSS
.one{
background-image: linear-gradient(-179deg, #8EB39E 0%, #CEBD95 26%, #DBBF94 33%, #D48B7A 67%, #8B374E 100%);}
.two{
background-image: linear-gradient(-180deg, #FFEC96 0%, #92C684 65%, #185C34 100%);}
.three{
background-image: linear-gradient(-180deg, #FFEC96 0%, #92C684 65%, #185C34 100%);}
.five{
background-image: linear-gradient(0deg, #FAF2D8 0%, #F0CCB7 20%, #7F9993 46%, #1E6D74 69%, #0B3134 93%);}`
【问题讨论】:
-
$('body').addClass('two');