<!--ALARM CLOCK--> <!-- This part can go in the HEAD of the html file --> <script language="JavaScript" type="text/javascript"> <!-- Copyright 2002, Sandeep Gangadharan --> <!-- For more free scripts go to http://sivamdesign.com/scripts/ --> <!-- var sound = "drumroll.wav"; // change the name of the wave file to be used as the alarm at left. include // the full path to the file. remember not to remove the quotation marks. function sivamtime() { now=new Date(); hour=now.getHours(); min=now.getMinutes(); sec=now.getSeconds(); if (min<=9) { min="0"+min; } if (sec<=9) { sec="0"+sec; } if (hour>12) { hour=hour-12; add="pm"; } else { hour=hour; add="am"; } if (hour==12) { add="pm"; } if (hour==00) { hour="12"; } document.hours.clock.value = (hour<=9) ? "0"+hour : hour; document.minutes.clock.value = min; document.seconds.clock.value = sec; document.ampm.clock.value= add; setTimeout("sivamtime()", 1000); } function alarm() { note = document.arlm.message.value; if (note == '') {note = 'ALARM!!';} hrs = document.arlm.hr.value; min = document.arlm.mts.value; apm = document.arlm.am_pm.value; if ((document.hours.clock.value == hrs) && (document.minutes.clock.value == min) && (document.ampm.clock.value == apm) && (document.arlm.music.checked == true)) { musicwin=window.open("","","width=200,height=50") if (navigator.appName=="Microsoft Internet Explorer") musicwin.document.write("<bgsound src=" + sound + " loop='infinite'>" + note) else musicwin.document.write("<embed src=" + sound + " hidden='true' border='0' width='20' height='20' autostart='true' loop='true'>" + note) musicwin.document.close(); return false; } if ((document.hours.clock.value == hrs) && (document.minutes.clock.value == min) && (document.ampm.clock.value == apm) && (document.arlm.music.checked == false)) { alert(note); return false; } if (hrs == '') {alert('The Hour field is empty'); return false} if (min == '') {alert('The Minute field is empty'); return false} if (apm == '') {alert('The am/pm field is empty'); return false} if (hrs.length == 1) {document.arlm.hr.value = '0' + hrs} if (min.length == 1) {document.arlm.mts.value = '0' + min} if (hrs.length > 2) {alert('The Hour is wrongly typed.'); return false} if (min.length > 2) {alert('The Minute is wrongly typed.'); return false} if (apm != 'am' && apm != 'pm' ) {alert('The am/pm is wrongly typed.'); return false} setTimeout("alarm()", 1000);} //--> </script> <!-- This goes into the BODY of the file wherever you want to have the time placed --> <!-- Note the script in the BODY tag --> <body onLoad="sivamtime()"> <table border="0" align="center" bgcolor="#c0c0c0" cellspacing="0" cellpadding="2" width="170"> <tr> <td colspan="4"> <font size="1" face="verdana, arial, helvetica, ms sans serif"> <b>Current Time</b> </font> </td> </tr> <tr> <td> <form name="hours"> <p><input type="text" size="2" name="clock"></p> </form> </td> <td> <form name="minutes"> <p><input type="text" size="2" name="clock" /></p> </form> </td> <td> <form name="seconds"> <p><input type="text" size="2" name="clock" /></p> </form> </td> <td> <form name="ampm"> <p><input type="text" size="2" name="clock" /></p> </form> </td> </tr> </table> <table border="0" align="center" bgcolor="#c0c0c0" cellspacing="0" cellpadding="2" width="170"> <tr> <td colspan="3"> <form name="arlm"> <font size="1" face="verdana, arial, helvetica, ms sans serif"> <b>Alarm Time</b> </font> </td> </tr> <tr align="center"> <td> <font size="1" face="verdana, arial, helvetica, ms sans serif"> &nbsp;Hour&nbsp; </font> </td> <td> <font size="1" face="verdana, arial, helvetica, ms sans serif"> &nbsp;&nbsp;Minute </font> </td> <td> <font size="1" face="verdana, arial, helvetica, ms sans serif"> &nbsp;am/pm </font> </td> </tr> <tr align="center"> <td> <input type="text" size="2" name="hr" onFocus="select()" value="00" /> </td> <td> &nbsp;&nbsp;<input type="text" size="2" name="mts" onFocus="select()" value="00" /> </td> <td> &nbsp;<input type="text" size="2" name="am_pm" onFocus="select()" value="am" /> </td> </tr> <tr align="center"> <td colspan="3"> <font size="1" face="verdana, arial, helvetica, ms sans serif"> Message </font> </td> </tr> <tr align="center"> <td colspan="3"> <input type="text" size="15" name="message" /> </td> </tr> <tr align="center"> <td colspan="3"> <input type="checkbox" name="music"> <font size="1" face="verdana, arial, helvetica, ms sans serif">Play music?</font> </td> </tr> <tr> <td align="center" colspan="3"> <input type="button" size="2" value="Set Alarm" onClick="alarm()" /> </td> </tr> <tr> <td align="center" colspan="3"> <input type="button" size="2" value="Reset" onClick="reset()" /> </td> </tr> </table> </form> </body>