初心者ですが、回答お願いします。
カウントダウンタイマーをJavascriptで作成してます。
timer.htmlで時間の設定をし、スタートすると入力画面の下にタイマー残り時間を表示させます。
時間の入力画面とは別のhtmlファイルに残り時間だけを表示させたいのですが
残り時間だけの表示の仕方がわかりません。
timer.htmlで時間を入力し、スタートすると残り時間を表示させるところまではできています。
補足
timer.htmlに入力式カウントダウンタイマーを組み込みます。
(15分00秒と入力すれば、あと15分00秒となり、そこからカウントダウンが始まるタイマーです)
timer1.htmlにtimer.htmlのあと15分00秒の部分だけを表示させたいです。
データーベースは使わない想定ですが可能でしょうか?
###timer.html
<script> var timer1; //タイマーを格納する変数(タイマーID)の宣言 //カウントダウン関数を1000ミリ秒毎に呼び出す関数 function cntStart() { document.timer.elements[2].disabled=true; timer1=setInterval("countDown()",1000); } //タイマー停止関数 function cntStop() { document.timer.elements[2].disabled=false; clearInterval(timer1); } //カウントダウン関数 function countDown() { var min=document.timer.elements[0].value; var sec=document.timer.elements[1].value; if( (min=="") && (sec=="") ) { alert("時刻を設定してください!"); reSet(); } else { if (min=="") min=0; min=parseInt(min); if (sec=="") sec=0; sec=parseInt(sec); tmWrite(min*60+sec-1); } } //残り時間を書き出す関数 function tmWrite(int) { int=parseInt(int); if (int<=0) { reSet(); alert("時間です!"); } else { //残り分数はintを60で割って切り捨てる document.timer.elements[0].value=Math.floor(int/60); //残り秒数はintを60で割った余り document.timer.elements[1].value=int % 60; var msg = document.timer.elements[0].value + "分"+ document.timer.elements[1].value + "秒"; // 表示文作成 document.getElementById("PassageArea").innerHTML = msg; // 表示更新 } } //フォームを初期状態に戻す(リセット)関数 function reSet() { document.timer.elements[0].value="0"; document.timer.elements[1].value="0"; document.timer.elements[2].disabled=false; clearInterval(timer1); } </script> </head> <body> <form name="timer"> <input type="text" value="" > 分 <input type="text" value=""> 秒 <input type="button" value="スタート" onclick="cntStart()" class="sbt"> <input type="button" value="ストップ" onclick="cntStop()" class="sbt" > </form> <h4>あと</h4> <h2 id="PassageArea"></h2>
宜しくお願い致します。
回答2件
あなたの回答
tips
プレビュー