Background image to time of day - Source Code - JsMadeEasy.com

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


Background image to time of day			[View Sample]
A simple script changes the background image four times a day, depending on the time period.



Insert into <HEAD>


Insert into <BODY>
<script language="JavaScript"> <!-- Hide From Old Browsers /* ©1996-98 JavaScript written by Steve Thompson @ http://www.w8r.com --- e-mail: thompson@w8r.com or myclone@hotmail.com --- This simple script changes the background image four times a day -- It can be altered to include other page attributes such as text colors and individual page items such as on the example page - Use freely but keep this entire credit line intact. */ day=new Date() //..get the date x=day.getHours() //..get the hour if(x>=0 && x<4) { document.write('<body background="put your first image file name here such as 1.jpg">') } else if(x>=4 && x<12) { document.write('<body background="put your second image file name here such as 2.jpg">') } else if(x>=12 && x<18) { document.write('<body background="put your third image file name here such as 3.jpg">') } else if (x>=18 && x<24) { document.write('<body background="put your last image file name here such as 4.jpg">') } <!-- End Hiding --> </script>

Other Options