Full version: jsB@nk » Multimedia » Sound » Alarm clock
URL: https://www.javascriptbank.com/alarm-clock-2.html
This is a JavaScript alarm clock that either alerts a message or plays a midi file when the specified time is reached. Very cool.
Full version: jsB@nk » Multimedia » Sound » Alarm clock
URL: https://www.javascriptbank.com/alarm-clock-2.html
<script language="javascript"><!-- Copyright 2002, Sandeep Gangadharan ([email protected]) -->//Enter path to mid file to playvar musicsrc="apollo13.mid"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);}playit=false//PLAY MUSIC function by http://www.javascriptkit.comfunction playmusic(){musicwin=window.open("","","width=100,height=100")if (navigator.appName=="Microsoft Internet Explorer")musicwin.document.write('<bgsound src='+'"'+musicsrc+'"'+' loop="infinite">')elsemusicwin.document.write('<embed src=\"'+musicsrc+'\" hidden="true" border="0" width="20" height="20" autostart="true" loop="true">')musicwin.document.close()}function soundcheck(cbox){playit=cbox.checked}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)) { if (playit) playmusic() else 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 script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><body onLoad="sivamtime()"><table border="0" align="center" bgcolor="#c0c0c0" cellspacing="0" cellpadding="2" width="136"> <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="136"> <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"> Hour </font> </td> <td> <font size="1" face="verdana, arial, helvetica, ms sans serif"> Minute </font> </td> <td> <font size="1" face="verdana, arial, helvetica, ms sans serif"> am/pm </font> </td> </tr> <tr align="center"> <td> <input type="text" size="2" name="hr" onFocus="select()" /> </td> <td> <input type="text" size="2" name="mts" onFocus="select()" /> </td> <td> <input type="text" size="2" value="am" name="am_pm" onFocus="select()" /> </td> </tr> <tr align="left"> <td colspan="3"> <font size="1" face="verdana, arial, helvetica, ms sans serif"> Message </font> </td> </tr> <tr align="left"> <td colspan="3"> <input type="text" size="15" value="Wake Up!" name="message" /><br><input type="checkbox" name="C1" value="ON" onClick="soundcheck(this)"> <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><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->