Pontos időt mutatja, és ha beállítod akkor ébresz is, akár zenére!!!
A DEMÓ-t próbáld ki!
Forrás:
<HEAD> </HEAD> közé másolnod:
Kimásolás
<script language="javascript"> //Enter path to mid file to play var 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.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>
<BODY </BODY> közé másolnod:
Kimásolás
<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>
És hogy ez mind működjön másold be a <body onLoad="sivamtime()">-t.
Ez egy másik óra:
A DEMÓ-t próbáld ki!
Forrás:
<BODY </BODY> közé másolnod:
Kimásolás
<table border="0" width="200" cellspacing="0" cellpadding="3"> <form name="where"> <tr> <td width="100%"> <select name="city" size="1" onchange="updateclock(this);"> <option value="" selected>Local time</option> <option value="0">London GMT</option> <option value="1">Rome</option> <option value="7">Bangkok</option> <option value="8">Hong Kong</option> <option value="9">Tokyo</option> <option value="10">Sydney</option> <option value="12">Fiji</option> <option value="-10">Hawaii</option> <option value="-8">San Francisco</option> <option value="-5">New York</option> <option value="-3">Buenos Aires</option> </select> </td> </tr> <tr> <td width="100%"> <script language="JavaScript"> if (document.all||document.getElementById) document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>') zone=0; isitlocal=true; ampm=''; function updateclock(z){ zone=z.options[z.selectedIndex].value; isitlocal=(z.options[0].selected)?true:false; } function WorldClock(){ now=new Date(); ofst=now.getTimezoneOffset()/60; secs=now.getSeconds(); sec=-1.57+Math.PI*secs/30; mins=now.getMinutes(); min=-1.57+Math.PI*mins/30; hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone); hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360; if (hr < 0) hr+=24; if (hr > 23) hr-=24; ampm = (hr > 11)?"PM":"AM"; statusampm = ampm.toLowerCase(); hr2 = hr; if (hr2 == 0) hr2=12; (hr2 < 13)?hr2:hr2 %= 12; if (hr2<10) hr2="0"+hr2 var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm; if (document.all) worldclock.innerHTML=finaltime else if (document.getElementById) document.getElementById("worldclock").innerHTML=finaltime else if (document.layers){ document.worldclockns.document.worldclockns2.document.write(finaltime) document.worldclockns.document.worldclockns2.document.close() } setTimeout('WorldClock()',1000); } window.onload=WorldClock //--> </script> <!--Place holder for NS4 only--> <ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 19px Arial;"></layer></ilayer> </td> </form> </tr> </table>
És hogy ez mind működjön másold be a <body onLoad="sivamtime()">-t.
Ez hasonlít az elsőre.
<HEAD> </HEAD> közé másolnod:
Kimásolás
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function MakeArrayday(size) { this.length = size; for(var i = 1; i <= size; i++) { this[i] = ""; } return this; } function MakeArraymonth(size) { this.length = size; for(var i = 1; i <= size; i++) { this[i] = ""; } return this; } function funClock() { if (!document.layers && !document.all) return; var runTime = new Date(); var hours = runTime.getHours(); var minutes = runTime.getMinutes(); var seconds = runTime.getSeconds(); var dn = "AM"; if (hours >= 12) { dn = "PM"; hours = hours - 12; } if (hours == 0) { hours = 12; } if (minutes <= 9) { minutes = "0" + minutes; } if (seconds <= 9) { seconds = "0" + seconds; } movingtime = "<b>"+ hours + ":" + minutes + ":" + seconds + " " + dn + "</b>"; if (document.layers) { document.layers.clock.document.write(movingtime); document.layers.clock.document.close(); } else if (document.all) { clock.innerHTML = movingtime; } setTimeout("funClock()", 1000) } window.onload = funClock; // End --> </script>
<BODY </BODY> közé másolnod:
Kimásolás
Pontos idő: <span id=clock style="position:relative;"></span>
Címsorba írt Dátum:
A DEMÓ-t próbáld ki!
Forrás:
<HEAD> </HEAD> közé másolnod:
Kimásolás
<script language="JavaScript1.2"> <!--hide //date in title by Randall Smith copyright 1999 //Permission given to Dynamicdrive.com to feature it in it's DHTML archive //Script modified by Dynamicdrive.com to make it cross browser friendly. Visit Dynamicdrive.com for more DHTML scripts //please visit me on the web at http://members.xoom.com/u4rstunzd/ //and to change the title:where it says Welcome todays date is: just put you own text in if you would like to-- var isnMonth = new Array("Január","Február","Március","Április","Május","Június","Július","Augusztus","Szepterber","Október","November","December"); var isnDay = new Array("Vasárnap","Hétfő","Kedd","Szerda","Csütörtök","Péntek","Szombat","Vasárnap"); today = new Date () ; Year=today.getYear(); if (Year < 1000) Year+=1900 Date=today.getDate(); function setdate(){ document.title="A mai dátum: "+Year+". "+isnMonth[today.getMonth()]+" "+Date+", "+isnDay[today.getDay()]+"" } if (document.all) setdate() else if (document.getElementById) window.onload=setdate //--hide--> </script>
Állapotsorba írt dátum és idő:
A DEMÓ-t próbáld ki!
Forrás:
<HEAD> </HEAD> közé másolnod:
Kimásolás
<SCRIPT LANGUAGE="JavaScript"> <!-- innen function runClock() { theTime = window.setTimeout("runClock()", 1000); var ma = new Date(); var display= ma.toLocaleString(); status=display; } // eddig --> </SCRIPT>
Ha elhagyják az oldalt, akkor az idő utolsó értéke ott marad. Ezt a hibát úgy lehet kiküszöbölni, hogy minden azon
az oldalon lévő linknél ezt a tag-et <A HREF="tovabb.html" onclick=" window.status=' ' "> használod