<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>
Мой код, как указано выше. То, что я хочу сделать, - это обновить страницу в любом состоянии. Если он соответствует текущей странице, страница должна обновляться один раз для принятия эффекта. благодаря
Думаю, я понимаю ваш вопрос. ваш класс не отображается, потому что вы не используете $ (document).ready(); попробуй это...
$( document ).ready(function() {
applyclass();
});
вместо
window.onload = applyclass;
если вы добавите класс, он должен быть сразу виден. Обновление страницы не требуется.
вам также необходимо указать, является ли ваш селектор классом или идентификатором. как это (ум ".", что означает, что это класс)
$('.timeOfDay').addClass('sunset');
здесь работает jsfiddle http://jsfiddle.net/kasperfish/ztTv2/1/
Просто добавьте?
window.location.reload();