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>

上記のような私のコード。私がやりたいことは、あらゆる条件でページを更新することです。現在のケースに適合する場合は、効果を得るために一度ページを更新する必要があります。ありがとう

4

2 に答える 2

0

私はあなたの質問を理解していると思います。$( document ).ready(); を使用していないため、クラスが表示されていません。これを試して...

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

それ以外の

window.onload = applyclass;

クラスを追加すると、すぐに表示されるはずです。ページの更新は必要ありません。

セレクターがクラスか ID かを指定する必要もあります。そのように（クラスであることを意味する「。」に注意してください）

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

ここに動作中のjsfiddleがあります http://jsfiddle.net/kasperfish/ztTv2/1/

于 2013-09-23T18:00:50.153 に答える