Alarm Clock Script

This free online alarm clock or wakeup watch javascript is used for setting time in order to wakeup or to remind some important event that will occur at a specific time.

Features

It shows the current time and you can set the time using select box which is in the format of HH:MM:SS.
It will alert you, when it reaches the time set by you.
Works only in Internet Explorer(IE), firefox requires add-ons.
This is also used as wakeup alarm clock.
Just copy the code and use it

Preview

Downloads

Javascript code

<style type="text/css">
.time { border-width: 0px; }
</style>
<script type="text/javascript">
var set=0;
ver=parseInt(navigator.appVersion);
ie4=(ver>3 && navigator.appName!="Netscape")?1:0;
function play()
{
if (ie4)
document.all['BGSOUND_ID'].src='sound1.wav';
}
function setv()
{
var hr2
= document.getElementById('hour2').value;
var min2
= document.getElementById('min2').value;
var sec2
= document.getElementById('sec2').value;
if(hr2<10)
hr2='0'+hr2;
if(min2<10)min2='0'+min2;
if(sec2<10)sec2='0'+sec2;
document.getElementById('d2').value=hr2+'*'+min2+'*'+sec2;
set=1;
document.getElementById('msg').innerHTML='Alarm is ON';
}
function dis()
{
var dat= new Date();
var hr=dat.getHours();
var min=dat.getMinutes();
var sec=dat.getSeconds();
if(hr<10)hr='0'+hr;
if(min<10)min='0'+min;
if(sec<10)
sec='0'+sec;
document.getElementById('hour').value=hr;
document.getElementById('min').value=min;
document.getElementById('sec').value=sec;
var dat2v=document.getElementById('d2').value;
var dats =hr+'*'+min+'*'+sec;
if(dat2v==dats && set)
{play();alert("Wake Up Man!");
set=0;
document.getElementById('msg').innerHTML='Alarm is OFF';
}
setTimeout("dis()",500);
}
function prtsel(x)
{
for(var i=0;i<x;i++)document.write("<option value="+i+">"+i+"</option>");
}
</script>

HTML Code

<table align=center width=45%>
<tr><td>
<body onload=dis()>
<BGSOUND id="BGSOUND_ID" LOOP=1 SRC="silence.wav">
<input type=hidden id=d2 name=d2>
<input type=text id=hour name=hour size=1 class=time> :
<input type=text id=min name=min size=1 class=time> :
<input type=text id=sec name=sec size=1 class=time>
<br/>
<select id=hour2 name=hour2 onChange="setv()">
<script type='text/javascript'>prtsel(25);</script>
</select>
<select id=min2 name=min2 onChange="setv()">
<script type='text/javascript'>prtsel(61);</script>
</select>
<select id=sec2 name=sec2 onChange="setv()">
<script type='text/javascript'>prtsel(61);</script>
</select>
<div id=msg>Alarm is OFF</div>
</body>
</td></tr></table>

Get free version without ©copyright link for just $10/-
For customization of this script or any script development, mail to support@hscripts.com

Usage

Copy the above code into your file and use the clock.
Here, <body onload=dis()> is used to perform "dis()" function while the page is loaded.
When you set time using select box, "dis()" function is called to alert you when it reaches the time set in clock.