Jquery 刷新页面依赖于 if-else 语句

Jquery refresh page depends on if-else statement

本文关键字：if-else 语句 依赖于 刷新 Jquery      更新时间：2023-09-26
<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>

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

我想我理解你的问题。 您的类没有显示，因为您不使用 $（ 文档 ）.ready（）; 试试这个...

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

而不是 

window.onload = applyclass;

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

您还需要指定您的选择器是类还是 ID。

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

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

只需添加 ？

window.location.reload();
相关文章：