Re: making alarm clock
| From: | Hugh Bothwell | Date: | Wed, 08 May 2002 16:21:35 +0000 |
| Subject: | Re: making alarm clock | ||
| References: | 1 | Groups: | php.windows |
| Request: | Send a blank email to php-windows+get-13629@lists.php.net to get a copy of this message | ||
<ChaoticWorks@cs.com> wrote in message news:73.1f4e9495.2a09f9f4@cs.com...
> how would i make an alarm clock?? what i want it to do is at a certain
time
> forward to a page that has a flash movie on it that will wake me up in the
> morning and make me laugh so im in a good mood.
Definitely Javascript. Try this (only tested in IE5.5):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>My Alarm Clock</title>
<style><!--
body {
font-family: Verdana, Arial, sans-serif;
text-align: center;
valign: center;
background-color: #009999;
font-size: 14px;
}
#mainbox {
background-color: #cccc99;
width: 420px;
border: 3px dashed #333333;
padding: 10px;
}
.row {
padding: 0px 0px 30px 0px;
}
.leftcol {
width: 140px;
text-align: right;
}
.rightcol {
width: 240px;
text-align: left;
}
.time {
background-color: #ffffff;
font-size: 30px;
font-weight: 500;
}
--></style>
<script language='JavaScript'><!--
function tick() {
var tm = new Date();
var hr = tm.getHours();
var mn = tm.getMinutes();
var half;
if (hr < 12) {
half = "am";
}
else {
half = "pm";
hr -= 12;
}
if (hr == 0)
hr = 12;
var t = document.alarm.hr;
var alarmhr = parseInt(t[t.selectedIndex].text);
var t = document.alarm.mn;
var alarmmn = parseInt(t[t.selectedIndex].text);
var t = document.alarm.half;
var alarmhalf = t[t.selectedIndex].text;
if ((hr == alarmhr) && (mn == alarmmn) && (half==alarmhalf))
document.location = document.alarm.dest.value;
document.all.time.innerHTML = " "+hr+":"+(mn < 10 ? "0"
: "")+mn+"
"+half+" ";
setTimeout("tick();", 5000);
}
--></script>
</head>
<body onload='tick();'>
<form name='alarm'>
<div id='mainbox'>
<h2>Alarm Clock</h2>
<div class='row'>
<span class='leftcol'>Time now is</span>
<span class='rightcol'><span id='time'
class='time'> 9:00
am </span></span>
</div>
<div class='row'>
<span class='leftcol'>Wake me up at</span>
<span class='rightcol'><select id='hr'>
<option
value='0'>12</option><option>1</option><option>2</option><option>3</option><
option>4</option><option>5</option><option
selected>6</option><option>7</option><option>8</option><option>9</option><op
tion>10</option><option>11</option>
</select>:<select id='mn'>
<option>00</option><option>05</option><option>10</option><option>15</option>
<option>20</option><option>25</option><option
selected>30</option><option>35</option><option>40</option><option>45</option
><option>50</option><option>55</option>
</select> <select id='half'>
<option selected>am</option><option>pm</option>
</select></span>
</div>
<div class='row'>
<span class='leftcol'>... by displaying</span>
<span class='rightcol'><input id='dest' type='text'
value='http://localhost/arl/caltest.php'></span>
</div>
</div>
</form>
</body>
</html>