JavaScript help needed

[Hikaru12]

I just redesigned my companies intranet page. It's a small business so the "intranet" really just consists of a HTML page with a bunch of links to queries and network folders. I'm trying to design a script that will change the banner on the website depending on what time of the day it is. For example, if it's 8AM then I want it to have a morning banner and if it's late at night I want it to have a evening banner. I know in jquery you can create a simple time command such as .now() but not sure how I would integrate that to rotate the images. Any help? Thanks.

[TheKDub]

I'd suggest using something such as getHours(), along with some if then statements.

[Hazy125]

time = Date.getHours()if (time > 6 && time < 12){   document.getElementById('bannerWrapper').innerHTML = '<img src="morningBanner.jpg">'}else if (time >= 12 && time < 18){   document.getElementById('bannerWrapper').innerHTML = '<img src="eveningBanner.jpg">}

Pure Javascript. Basically, get the hour(24 hour format) and change what gets displayed inside bannerWrapper to the image you want to display. Of course, if you didn't want a wrapper you can change the image source with javascript too. But it's probably easier to just create a wrapper if that's the case

 

EDIT: Well, I was too slow

[Hikaru12]

Looks good Hazy. Thanks for the quick response.