Fun idea.. I might try that for the world of warcraft guild site I am
building.
On Sep 26, 10: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>- Hide quoted text -
>
> - Show quoted text -
