Different background depending on time - JavaScript Made Easy: Free JavaScripts Tutorials Example Code

WebSiteMadeEasy.net

|

FontsMadeEasy.com

|

RankChecker.net

Submit your Script

Google Search:

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Different background depending on time		[View Sample]

This JavaScript will Load a different background color depending on the time of the day user enters the website.


Insert into <HEAD>
<script> <!-- //Feel free to copy and modify this script, but please keep the comment lines! //Written by Mattias Sjöberg 8/8-1996 //----------------------------------------- //\| mattias.sjoberg@swipnet.se \| //\|---------------------------------------\| //\| //\\ //\\ /// \| \| //\| // \\// \\ / \| Advertise \| //\|// \\ /// \| \| //\| Mattias / \| Here \| //\| Sjoberg /// \| \| //\|---------------------------------------\| //\| www.geocities.com/SiliconValley/7116 \| //\| Vote for my page the above URL \| //----------------------------------------- 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 into <BODY>


Other Options