javascript - jquery刷新页面依赖if-else语句

Question

<script type="text/javascript">
function applyclass()
{
var d = new Date();
var n = d.getHours();

if (n >= 3 && n < 7) 
$('timeOfDay').addClass('dawn');

else if (n >= 7 && n < 11) 
$('timeOfDay').addClass('morning');

else if (n >= 11 && n < 15)
$('timeOfDay').addClass('day');

else if (n >= 15 && n < 19) 
$('timeOfDay').addClass('sunset');

else if (n >= 19 && n < 21) 
$('timeOfDay').addClass('dusk');

else
$('timeOfDay').addClass('night');

}

window.onload = applyclass;
</script>

我的代码如上。我想要做的是在每种情况下刷新页面。如果适合当前案例，页面应该刷新一次生效。谢谢

Answer 1

我想我明白你的问题了。你的类(class)没有显示，因为你没有使用 $( document ).ready();试试这个……

$( document ).ready(function() {
applyclass();
});

代替

window.onload = applyclass;

如果您添加一个类，它应该立即可见。无需刷新页面。

您还需要指定您的选择器是类还是 id。像这样(注意“。”这意味着它是一个类)

$('.timeOfDay').addClass('sunset');

这是一个有效的 jsfiddle http://jsfiddle.net/kasperfish/ztTv2/1/