Javascriptで電車発着のリアルタイムカウントダウンをつくりたいです。
now = new Date();
n = 0;
xday = new Date(2016, 10 - 1, 13, 4, 31, 0);
var datef = new Array(24 * 60 * 60 * 1000, 60 * 60 * 1000, 60 * 1000, 1000);
function countDown() {
var time = new Array(4);
var deff = Math.abs((now.getTime() + n) - xday.getTime());
n += 1000;
for (i = 0; i < 4; i++) {
time[i] = Math.floor(deff / datef[i]);
deff -= time[i] * datef[i];
}
document.Clock.displaymin.value = time[2];
document.Clock.displaysec.value = time[3];
setTimeout("countDown()", 1000);
}
countDown();
<form name="Clock" method="post" action="./">
電車が駅に到着するまで 来るまであと
<br>
<input type="text" name="displaymin" size=2>
<strong>分</strong>
<input type="text" name="displaysec" size=2>
<strong>秒</strong>
</form>
カウントダウンを作りたいと思っています。
初心者の為なかなか作業が前に進みません。
内容としては、「あと××分××秒後に電車が到着するかという事をリアルタイムでカウントダウンを行うタイマー」を作りたいと思っています。
分と秒を表示しカウントダウンさせるというところまで進みました。
実際、JavaScriptを使いそのようなプログラムを作ることはまず可能でしょうか?
○時刻表
8:45|9:10|9:25|9:45|10:12|・・・・
このような時刻表を始発から順に終電まで読み取っていきます。
例えば8:45の電車が通り過ぎたら次の9:10のカウントダウンを始めます。
※始発(8:45)は電車が到着する20分前からカウントダウンを開始します。
終電が過ぎたら「運行は終了しました」という表示を出し、次の日までタイマーをストップしておきたいです。
この一連の流れを休日祝日関係なく毎日繰り返したいと思います。
参考にしたいのでjavascriptのコードを書いていただきたいです。
図々しくて申し訳ございません。
回答よろしくお願いします。