ThatGuyCharlie | Charlie Mathews Blog & Portfolio » Javascript http://www.thatguycharlie.com Charlie Mathews Blog & Portfolio Fri, 28 Oct 2011 05:05:00 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 How to Display Dymanicly Timed Content using Javascript http://www.thatguycharlie.com/2009/how-to-display-content-by-the-time-of-day/ http://www.thatguycharlie.com/2009/how-to-display-content-by-the-time-of-day/#comments Sat, 12 Dec 2009 23:11:34 +0000 Charlie http://www.thatguycharlie.com/?p=821 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

[image: TGCNight]

Daytime on ThatGuyCharlie

[image: TGCDay]

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\”“);

]]> http://www.thatguycharlie.com/2009/how-to-display-content-by-the-time-of-day/feed/ 0 How To: JS Bookmark Script http://www.thatguycharlie.com/2009/how-to-js-bookmark-script/ http://www.thatguycharlie.com/2009/how-to-js-bookmark-script/#comments Wed, 11 Nov 2009 20:25:09 +0000 Charlie http://www.vividperfection.com/?p=714 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 <head></head> tags of your webpage.


Put this anywhere between the <body></body> tags.

> Click HERE to download the script <
]]> http://www.thatguycharlie.com/2009/how-to-js-bookmark-script/feed/ 0