Kellékek

Kellékek | Órák | Ébresztő Óra

Válaszd ki a megjeleníteni kívánt kelléket!

Demo: Ébresztő, vagy figyelmeztető óra zenével.

Aktuális idő !

Riasztó Idő !
Óra	Perc	am/pm

Űzenet
Inditod a zenét?

This free script provided by
JavaScript Kit

A BODY részbe másold. A második sorba állítsd be az időt. A zene a kért időben megszólal. A zenének mid. fájlban fent kell lenni a lapodon. A head részben tudod cserélni a fájl nevét.

Kód: Head része

<script language="javascript">

//Enter path to mid file to play
var musicsrc="mid5.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.com
function playmusic(){
musicwin=window.open("","","width=100,height=100")
if (navigator.appName=="Microsoft Internet Explorer")
musicwin.document.write('<bgsound src='+'"'+musicsrc+'"'+' loop="infinite">')
else
musicwin.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>

Head részbe másold .

Kód: Body része

<center> <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="Ébredj Fel !" name="message" /><br>
<input type="checkbox" name="C1" value="ON" onClick="soundcheck(this)"> <font size="1" face="verdana, arial, helvetica, ms sans serif">Inditod a zenét?</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>

<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://www.javascriptkit.com">JavaScript
Kit</a></font></p>

</center>

Body részbe másold .