查看完整版本: 音樂鬧鐘

danny 2007-11-27 10:56

音樂鬧鐘

有時間顯示,可設定鬧鐘時間,還可播放音樂,範例裡的音樂是"卡農",也可以自己更改連結喜歡的音樂唷!

將下列的程式碼複製起來後貼在 <HEAD>與</HEAD>的中間即可

<script language="javascript">
//Enter path to mid file to play
var musicsrc="http://midi.club.st/midis/crys/crystal9/cry9_25.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

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> 裡面

onLoad="sivamtime()"

將下列的程式碼複製起來後貼在 <BODY> 與 </BODY> 的中間即可

        <table border="1" bordercolor=CEE8FF align="center" bgcolor="#F0F8FF" cellspacing="0" cellpadding="2" width="136">
   <tr>
     <td colspan="4">
                 
                <font size="2">
                  現在時間是:
                </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="1" align="center" bordercolor=CEE8FF bgcolor="#F0F8FF" cellspacing="0" cellpadding="2" width="136">
           <tr>
     <td colspan="3">
<form name="arlm">
                <font size="2">
                  鬧鐘:           
                </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="起床啦!!!懶豬" 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="OK" onClick="alarm()" />  
            <input type="button" size="2" value="Reset" onClick="reset()" />
     </td>
   </tr>

</table>
</form>


出處:摩尼BBS
頁: [1]
查看完整版本: 音樂鬧鐘