HIOX FREE JavaSCRIPT - Alarm Clock, setting time to wakeup / reminder watch

About

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 that specific time.

Features

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

Preview

Alarm-Clock

: :

Alarm is OFF

Code

Javascript code

<!-- Script by hscripts.com -->
<style type="text/css">
.time { border-width: 0px; }
</style>
<script language="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>


<!-- Script by hscripts.com -->

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 language=javascript>prtsel(25);</script>
 </select>

 <select id=min2 name=min2 onChange="setv()">
 <script language=javascript>prtsel(61);</script>
 </select>

 <select id=sec2 name=sec2 onChange="setv()">
 <script language=javascript>prtsel(61);</script>
 </select>
 <div id=msg>Alarm is OFF</div>
 </body>
</td></tr></table>

Usage

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

License

- This javascript (misspelled as java script)/HTML code is given under GPL License
- i.e. Free use for those who use it as it is.
- Free, if your modification does not remove our copyright information and links.
- Detailed License information can be found here
- You can purchase the script if your requirements does not meet GPL License terms.

Alarm Clock Script