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

【问题标题】：Jquery refresh page depends on if-else statementjquery刷新页面依赖if-else语句
【发布时间】：2013-09-28 17:12:56
【问题描述】：

<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>

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

【问题讨论】：

你的问题我不清楚。为什么要添加一个类然后立即重新加载页面？
添加类立即生效，无需刷新页面？
为什么需要刷新？你能再解释一下吗？

标签： javascript jquery css refresh

【解决方案1】：

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

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

而不是

window.onload = applyclass;

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

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

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

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

【讨论】：

我已经更改了代码，但现在它没有将类应用到我的 div
感谢大量供应！

【解决方案2】：

只需添加 ?

window.location.reload();

【讨论】：

if (n >= 3 && n