Pokazywanie/ukrywanie div'ów w zależności od godziny, jak? Opcje

[marcus755]

Jak zrobić, żeby dla div'ów z różną klasą divy pojawiały się w zależności od godziny, tzn:

1) div z class="test" dla godziny 8:00 (między godz 5:00 a 11:00)
2) div z class="lorem" dla godziny 14:00 (między godz 11:00 a 17:00)
3) div z class="ipsum" dla godziny 20:00 (między godz 17:00 a 23:00)
4) div z class="est" dla godziny 2:00 (między godz 23:00 a 5:00)

<div class="test">
<p>costam 1</p>
<time>8:00</time>
</div>
<div class="lorem">
<p>costam 2</p>
<time>14:00</time></div>
<div class="ipsum">
<p>costam 3</p>
<time>20:00</time>
</div>
<div class="est">
<p>costam 4</p>
<time>2:00</time>
</div>