Страница обновления Jquery зависит от оператора if-else

Question

Страница обновления Jquery зависит от оператора if-else

0

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

Мой код, как указано выше. То, что я хочу сделать, - это обновить страницу в любом состоянии. Если он соответствует текущей странице, страница должна обновляться один раз для принятия эффекта. благодаря

Kazım Apanoğlu 23 сен. 2013, в 20:32

Источник

Теги:

javascript

jquery

css

refresh

2 ответа

0

Просто добавьте?

window.location.reload();

Paul Rad 23 сен. 2013, в 15:32

0

Извините уже пробовал .. Обновляется снова и снова и снова ..
Kazım Apanoğlu 23 сен. 2013, в 17:54
0

if (n> = 3 && n <7) {$ ('timeOfDay'). addClass ('dawn'); window.location.reload (); } ..... не работает обновляет каждую секунду :(
Kazım Apanoğlu 23 сен. 2013, в 17:58

Ещё вопросы

Извините уже пробовал .. Обновляется снова и снова и снова ..
if (n> = 3 && n <7) {$ ('timeOfDay'). addClass ('dawn'); window.location.reload (); } ..... не работает обновляет каждую секунду :(

kasper Taeymans · Accepted Answer · 2013-09-23T16-11-00.000Z

Думаю, я понимаю ваш вопрос. ваш класс не отображается, потому что вы не используете $ (document).ready(); попробуй это...

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

вместо

window.onload = applyclass;

если вы добавите класс, он должен быть сразу виден. Обновление страницы не требуется.

вам также необходимо указать, является ли ваш селектор классом или идентификатором. как это (ум ".", что означает, что это класс)

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

здесь работает jsfiddle http://jsfiddle.net/kasperfish/ztTv2/1/

Я изменил код, но теперь он не применяет классы к моему div <div id = "timeOfDay"> </ div>
Пожалуйста, проголосуйте за позитив