JavaScript Different Background Depending On Time

This JavaScript will Load a different background color depending on the time of the day user enters the website. According to the time difference, then set the background color to match the visitor's mood.

Script Demo:

N/A

JavaScript Code:

Insert this code into <head> tags

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

Insert this code into <body> tags

Instruction:

On the choice of background color can refer to:
What are the best color choices for my site?
Color Schemer

Webmaster » Web Programming » JavaScript » Background Effects » Different Background Depending On Time

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links