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

只需添加 ?

window.location.reload();

Answer 2

我想我理解你的问题。您的课程没有显示，因为您没有使用 $( document ).ready(); 尝试这个...

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

代替

window.onload = applyclass;

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

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

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

这是一个工作 jsfiddle http://jsfiddle.net/kasperfish/ztTv2/1/