<html>
<head>
<title>What and When - RJM Programming - September, 2020</title>
<script type='text/javascript'>
var d = new Date();
var h = d.getHours();
var m = d.getMinutes();
var s = d.getSeconds();
var hastobe='', hastobedec='';
function preonl(setit) {
d = new Date();
h = d.getHours();
m = d.getMinutes();
s = d.getSeconds();
if (setit) {
onl();
}
}
function onl() {
document.getElementById('ih').value=('0' + h).slice(-2);
document.getElementById('im').value=('0' + m).slice(-2);
document.getElementById('is').value=('0' + s).slice(-2);
}
function precheckfor() {
preonl(0);
var ii=eval(eval(('' + h).slice(-2)) * 3600);
ii+=eval(eval(('' + m).slice(-2)) * 60);
ii+=eval(eval(('' + s).slice(-2)) * 1);
document.getElementById('isecs').value='' + eval(eval('' + hastobedec) - eval('' + ii));
setTimeout(resetit, 1000);
checkfor();
}
function checkfor() {
preonl(0);
if ((('0' + h).slice(-2) + ('0' + m).slice(-2) + ('0' + s).slice(-2)) >= hastobe) {
eval('setTimeout(function() { ' + document.getElementById('jsis').value + ' }, 1)');
preonl(1);
} else {
setTimeout(checkfor, 1000);
}
}
function resetit() {
if (eval('' + document.getElementById('isecs').value) >= 0) {
document.getElementById('isecs').value='' + eval(-1 + eval('' + document.getElementById('isecs').value));
setTimeout(resetit, 1000);
}
}
function go() {
if (eval('' + document.getElementById('isecs').value) > -1) {
eval('setTimeout(function() { ' + document.getElementById('jsis').value + String.fromCharCode(10) + ' document.getElementById("isecs").value="-1"; preonl(1); }, ' + eval(eval('' + document.getElementById('isecs').value) * 1000) + ')');
setTimeout(resetit, 1000);
} else {
hastobe=document.getElementById('ih').value + document.getElementById('im').value + document.getElementById('is').value;
hastobedec=eval(eval('' + document.getElementById('ih').value) * 3600);
hastobedec+=eval(eval('' + document.getElementById('im').value) * 60);
hastobedec+=eval('' + document.getElementById('is').value);
precheckfor(); // setTimeout(checkfor, 1000);
}
}
</script>
</head>
<body onload='onl();'>
<h1>What and When</h1>
<h3>RJM Programming - September, 2020</h3>
<table style='width:100%;' border=20>
<tr><th style='text-align:center;background-color:lightblue;'>What</th><th style='text-align:center;background-color:lightgreen;'>When</th></tr>
<tr><td style='text-align:center;'><textarea id=jsis rows=30 value='' style='background-color:#f0f0f0;width:100%;border:15px solid yellow;'>// Javascript goes below
alert('' + new Date());
</textarea></td><td style='text-align:center;background-color:#eeeeee;'>Seconds away: <input id=isecs type=number min=-1 value='-1'></input> ... versus ...<br>
At/after this time: <select title=Hours style='inline-block;' id=ih><option value="00">00</option><option value="01">01</option><option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>:<select title=Minutes style='inline-block;' id=im><option value="00">00</option><option value="01">01</option><option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option></select>:<select title=Seconds style='inline-block;' id=is><option value="00">00</option><option value="01">01</option><option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option></select><br><br><br><input style=background-color:yellow; onclick=go(); type=button value=Go></input></td></tr>
</table>
</body>
</html>