ThatGuyCharlie | Charlie Mathews Blog & Portfolio » free

How to Display Dymanicly Timed Content using Javascript

Charlie — Sat, 12 Dec 2009 23:11:34 +0000

I’ve spent many a long hour playing with this javascript to make it work seamlessly. You can see the results, daily, on my website.

If you want to change your website background depending on the time of day you will need this specific code. Otherwise, make sure to read till the bottom so you understand and don’t come back to me asking why it isn’t working for you.

Nighttime on ThatGuyCharlie

Daytime on ThatGuyCharlie

Copy this text into your webpage before the tag.

Ok now, if you didnt understand that, here’s what’s happening.

now = new Date

Here we obtain the date from the user’s computer

if (now.getHours() < 4) {
document.write(“

“)
}

This bit of code says that if the hour of the day is before four o’clock AM, then print the css background style for night-time.

else if (now.getHours() < 10) {
document.write(“

“)
}

Again, this does the same, but checks to see if it is before 10 o’clock.

else if (now.getHours() < 24)

Remember to have this last part of your code so the script knows what to do up till midnight. The first code which defines “< 4" will only display the specified content from zero o'clock until 4 o'clock so to display content till midnight, you must have "< 24".

You can use this code and copy in different content to display at any time of the day by changing the hours. If you didn’t understand any of that, don’t worry! Test out the code at the top on your web-page and see if you can make it work. If not, comment below and I will try to help you out.

If you want to display symbols like apostrophes ” and backward slashes \ make sure to put a “\” before each one so that java-script recognizes it and dosen’t mess up your code.

Example of the WRONG way:

document.write(“hi! my friend said “I am going to the store ““);

Example of the RIGHT way:

document.write(“hi! my friend said \”I am going to the store\”“);

How To: JS Bookmark Script

Charlie — Wed, 11 Nov 2009 20:25:09 +0000

This easy to implement Javascript bookmark script takes advantages of JS technology to provide functionality in most popular browsers like Internet Explorer and Firefox.

Put this between the tags of your webpage.

Put this anywhere between the tags.

New Projects

Charlie — Wed, 12 Aug 2009 20:19:21 +0000

SimpleShare – www.simpleshare.vividperfection.com

“Share with your Friends for Free!” – A simple file uploader and viewer for friends and the users of my website. Have Fun!

Cyber’s Halo Server Query – www.haloquery.vividperfection.com

Query Halo and Halo CE servers on my fast & reliable server. Tells you information ranging from server size, players, scores, ip’s and more! When you query a server an xfire join link will appear for a valid server.

Watch G.I.Joe: The Rise of Cobra 2009 Online

Charlie — Mon, 10 Aug 2009 10:30:53 +0000

G.I.Joe: The Rise of Cobra 2009

An elite military unit comprised of special operatives known as G.I. Joe, operating out of The Pit, takes on an evil organization led by a notorious arms dealer.

IMDB

Watch Now Online: