Alarm Clock. Plays Tune or Pops Up Message ~ Tested in IE5.5 IE6, Netscape4.08, Netscape7.02 and Opera7.23, Netscape8.1, Opera9.0, Firefox1.5.0.5 and AOL Explorer1.2

This is a JavaScript alarm clock that either alerts a message or plays a midi file when the specified time is reached. This script can be used when you are online surfing the internet and need to be alerted at any selected time. Just set the alarm to the time you need to be alerted and minimize the screen so as not to be in the way. When the time is reached, either a pop up message will appear or the music you have will start to play.

We have tested the code in IE5.5, IE6, Netscape4.08, Netscape7.0, Netscape8.1, Firefox1.5.0.5, Opera9.0 and AOL Explorer1.2. This script worked well in all platforms with the same variation observed in Netscape8.1 and AOL Explorer1.2.

If you do not disable the popup blocker in those platforms, the effect will not work.

Depending on your knowledge of HTML and javascripts, this is an easy, three (3) part copy and paste code with minimal reconfigurations (plus an upload of your selected midi file to play).

Copy/Cut & Paste the coding into the <HEAD> section of your HTML document.

Add the onLoad event handler directly into the <BODY> tag.

Copy/Cut & paste the coding anywhere into the <BODY> section of your HTML document you want the effect to appear.

If you need a little refresher on howto add the onload event handler directly into the <BODY> tag, see the below examples:

Default Complete <BODY> Tag ~ No onload event handler

Reconfigured Complete <BODY> Tag ~ onload Event Handler Inserted

//Enter path to mid file to play
var musicsrc="URL For Uploaded Midi Music File Here!"

function sivamtime() {

The only two reconfigurations within this section are more cosmetic than anything else. The first reconfiguration is that of the color of the <tables> the alarm clock sits in. This is to have it blend into your page decor. This is done in two places within this section of the script. The below is an example of one section of the table. Just look for the other one that looks exactly the same.

Y ou can also change the default "Wake Up! message and form size that you see when you open the page by reconfiguring the below part of the script.

Y ou can also just type into the form box any message you want from your page, click "Set Alarm" and it will pop up that message at the preset time. We have added to this script a "Field Clear" option that if you want to incorporate into the alarm clock you can find that at the below link.
[ Form Field Clearing ]

For your Information: If you do not have a good Solid Knowledge of HTML coding, javascripts, forms and reconfigurations, please "Do Not Attempt" to add the "Automatic Form Field Clearing" until you are Proficient in the aforementioned areas.

There is one other thing you can do with this script that we really like. Instead of having the alarm clock on the main page. You can build a separate page that just shows the alarm clock and use a javascript link to open just the alarm clock. To do this see the below little script and how it is done.

<A HREF="javascript:void(0)" ONCLICK="open ('Path To Your Alarm Clock Page', 'myannouncer','toolbar=0,location=0,resizable=0,width=450,height=380')">Pop Up Alarm Clock</A>

F or the above javascript link just put the URL of the page you have built the alarm clock for and play around with the width and height attributes until it looks the way you want.
[ Pop Up Alarm Clock ]

Note Of Professionalism: In reference to the level your site attains. It elevates your site's level of professionalism by adding the little "Close Window" button or link on the linked-to page. It may not seem like much but little things such as this stick in people's minds as a little convenience not required but done anyway. Below are the codes for the form button, text, and a linkto another page for the effect of closing the page by clicking on a graphic. These effects are placed anywhere in the <BODY> section of your document you want it to appear. "Do Not Overdo" the use of these little buttons. We just add them into our pages when we have as we do here Pop up windows that need to open in a new window to keep focus on the main page.

<------ Close Window Form Button ------>

<------ Close Window Text Link ------>

<a href="javascript:window.close();">Close Window</a>

Close Window

[ Linkto Close Window By Clicking Graphic ]

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ] [ Rate This Page ]

I f you like Blues, Jazz, Boogie, Stride, Barrelhouse, Swing,and Country music midi's, follow the below link where you can get your selection to add to the alarm clock.
[ Downloadable Midi Files ]

I f you would like to search for different songs, just use the below search box powered by vanBasco. Your search will open in a new browser window so you do not lose this page.

Alarm Time
Hour	Minute	am/pm

Message
Play music?

Current Time