Thanks, I used the following:
// change background depending on user's time
datetoday = new Date();
timenow = datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour >= 18)
$('body').addClass('evening');
else if (thehour >= 15)
$('body').addClass('afternoon');
else if (thehour >= 12)
$('body').addClass('noon');
else if (thehour >= 7)
$('body').addClass('morning');
else if (thehour >= 0)
$('body').addClass('night');
else
$('body').addClass('general');
On Sep 26, 7:51 am, "Glen Lipka" <[EMAIL PROTECTED]> wrote:
> Instead of document.write('<body bgcolor="orange" text="#FFFFFF">')
> Use $("body").css("background-color","blue")
> or
> $("body").addClass("noon")
>
> I think the time part could potentially be a switch, but that's just
> readability.
>
> Glen
>
> On 9/25/07, bsuttis <[EMAIL PROTECTED]> wrote:
>
>
>
> > I'm curious if I could use jquery to change my body's background based
> > on time of day. I'm not looking to do this server-side with php, I
> > would like the background to change based on the visitor's time, not
> > the server's.
>
> > I've found this code, just wondering if I can jquery-ize:
> > <script>
> > var now = new Date();
> > var hours = now.getHours();
> > var psj=0;
>
> > //18-19 night
> > if (hours > 17 && hours < 20){
> > document.write('<body bgcolor="orange" text="#FFFFFF">')
> > }
>
> > //20-21 night
> > if (hours > 19 && hours < 22){
> > document.write('<body bgcolor="orangered" text="#FFFFFF">')
> > }
>
> > //22-4 night
> > if (hours > 21 || hours < 5){
> > document.write('<body bgcolor="black" text="#FFFFFF">')
> > }
>
> > //9-17 day
> > if (hours > 8 && hours < 18){
> > document.write('<body bgcolor="deepskyblue" text="#FFFFFF">')
> > }
>
> > //7-8 day
> > if (hours > 6 && hours < 9){
> > document.write('<body bgcolor="skyblue" text="#FFFFFF">')
> > }
>
> > //5-6 day
> > if (hours > 4 && hours < 7){
> > document.write('<body bgcolor="steelblue" text="#FFFFFF">')
> > }
> > </script>
