Hi all. I'm having a little bit of a problem with the new Date() object in JS. I can get it to work just fine, however, I don't want the .getDay() to return a number. I started to create an array with the days of the week, but I wasn't sure how to use it, so I removed it from my code. I'm trying to make an alarm clock with JS.
I'll put my code in two separate instances, one for HTML and one for my .js file.
JS
HTML
I'll put my code in two separate instances, one for HTML and one for my .js file.
JS
Code:
// variables
var day = document.getElementById("day"); //day
var hour = document.getElementById("hour"); // hour
var minute = document.getElementById("minute"); // minute
var path = document.getElementById("path"); // path of the sound file
function time()
{
var time = new Date();
var dayNow = time.getDay();
var hourNow = time.getHours();
var minuteNow = time.getMinutes();
var am = "AM";
var pm = "PM";
if (hourNow > 12)
{
hour = hour - 12;
document.getElementById("time").value = 'Current time is ' + dayNow + ', ' + hourNow + ':' + minuteNow + ' ' + pm;
}
else
{
document.getElementById("time").value = 'Current time is ' + dayNow + ', ' + hourNow + ':' + minuteNow + ' ' + am;
}
setTimeout("time()",1000);
}
Code:
<html> <head> <script type="text/javascript" src="alarmclock.js"></script> </head> <body onload="time();"> <table bgcolor="gray" width=300> <td><font color="white"> <center> <textarea id="time" style="border:none; overflow:auto"></textarea> <br> Select the day you want the alarm to run.<br> <select> <option name="sunday" value="sunday" id="day">Sunday <option name="monday" value="monday" id="day">Monday <option name="tuesday" value="tuesday" id="day">Tuesday <option name="wednesday" value="wednesday" id="day">Wednesday <option name="thursday" value="thursday" id="day">Thursday <option name="friday" value="friday" id="day">Friday <option name="saturday" value="saturday"id="day" >Saturday </select> </center> <center> Select the time you want the alarm to run.<br> <select> <option name="1" value="1" id="hour">1 <option name="2" value="2" id="hour">2 <option name="3" value="3" id="hour">3 <option name="4" value="4" id="hour">4 <option name="5" value="5" id="hour">5 <option name="6" value="6" id="hour">6 <option name="7" value="7" id="hour">7 <option name="8" value="8" id="hour">8 <option name="9" value="9" id="hour">9 <option name="10" value="10" id="hour">10 <option name="11" value="11" id="hour">11 <option name="12" value="12" id="hour">12 </select> <select> <option name="00" value="00" id="minute">00 <option name="01" value="01" id="minute">01 <option name="02" value="02" id="minute">02 <option name="03" value="03" id="minute">03 <option name="04" value="04" id="minute">04 <option name="05" value="05" id="minute">05 <option name="06" value="06" id="minute">06 <option name="07" value="07" id="minute">07 <option name="08" value="08" id="minute">08 <option name="09" value="09" id="minute">09 <option name="10" value="10" id="minute">10 <option name="11" value="11" id="minute">11 <option name="12" value="12" id="minute">12 <option name="13" value="13" id="minute">13 <option name="14" value="14" id="minute">14 <option name="15" value="15" id="minute">15 <option name="16" value="16" id="minute">16 <option name="17" value="17" id="minute">17 <option name="18" value="18" id="minute">18 <option name="19" value="19" id="minute">19 <option name="20" value="20" id="minute">20 <option name="21" value="1" id="minute">21 <option name="22" value="2" id="minute">22 <option name="23" value="3" id="minute">23 <option name="24" value="4" id="minute">24 <option name="25" value="5" id="minute">25 <option name="26" value="6" id="minute">26 <option name="27" value="7" id="minute">27 <option name="28" value="8" id="minute">28 <option name="29" value="9" id="minute">29 <option name="30" value="0" id="minute">30 <option name="31" value="31" id="minute">31 <option name="32" value="32" id="minute">32 <option name="33" value="33" id="minute">33 <option name="34" value="34" id="minute">34 <option name="35" value="35" id="minute">35 <option name="36" value="36" id="minute">36 <option name="37" value="37" id="minute">37 <option name="38" value="38" id="minute">38 <option name="39" value="39" id="minute">39 <option name="40" value="40" id="minute">40 <option name="41" value="41" id="minute">41 <option name="42" value="42" id="minute">42 <option name="43" value="43" id="minute">43 <option name="44" value="44" id="minute">44 <option name="45" value="45" id="minute">45 <option name="46" value="46" id="minute">46 <option name="47" value="47" id="minute">47 <option name="48" value="48" id="minute">48 <option name="49" value="49" id="minute">49 <option name="50" value="50" id="minute">50 <option name="51" value="51" id="minute">51 <option name="52" value="52" id="minute">52 <option name="53" value="53" id="minute">53 <option name="54" value="54" id="minute">54 <option name="55" value="55" id="minute">55 <option name="56" value="56" id="minute">56 <option name="57" value="57" id="minute">57 <option name="58" value="58" id="minute">58 <option name="59" value="59" id="minute">59 </select> <select> <option name="AM" value="am" id="am_pm">AM <option name="PM" value="pm" id="am_pm">PM </select> <br> Enter the path for the sound file you wish to use<br> <input type="text" id="path" style="width:300px;"><br> <input type="button" id="Search" value="Search"><br> <input type="reset" value="Reset" onclick="javascript: window.location.reload();"> <input type="button" value="Exit" onclick="javascript: window.close();"> <input type="button" value="Run Alarm" onclick="run();"> </center> </table> </body> </html>
Comment