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。像这样（注意＆＃34;。＆＃34;这意味着它是一个类）

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

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

Jquery刷新页面取决于if-else语句

2 个答案: