処理中の表示　　正しくは ソ−スを参照　　s2-13s
　 １ ２ ３
起動 　 　 　
開始 　 　 　
カウント 　 　 　
終了 　 　 　
　 実行 3sec
　 リセット		 実行 3sec
　 リセット		 実行 3sec
　 リセット
<INPUT onclick=s1(); type=radio name=dummy> 実行

<script>
　var jikoku= new Date();
　var tbl = document.getElementById("table");
　tbl.rows[1].cells[1].innerHTML = (jikoku); // 起動
　function reset() {
　　location.href = "s2-13s.html";
　}
　// 処理１
　function s1(){
　　var jikoku= new Date();
　　tbl.rows[2].cells[1].innerHTML = (jikoku); // 開始
　　// 時間が掛かる処理、ダミーとしてカウントダウンを実行
　　setTimeout(function(){
　　　for (var i = 100000 ; i >= 1 ; i--) {
　　　　tbl.rows[3].cells[1].innerHTML = i; // 表示
　　　}
　　　var jikoku= new Date();
　　　tbl.rows[4].cells[1].innerHTML = (jikoku); // 終了
　　}, 0);
　}
</script>



カウントの経過表示を出す方法は？ → ３。		 <INPUT onclick=s2(); type=radio name=dummy> 実行

<script>


　tbl.rows[1].cells[2].innerHTML = (jikoku); // 起動



　// 処理２
　function s2(){
　　var jikoku= new Date();
　　tbl.rows[2].cells[2].innerHTML = (jikoku); // 開始
　　// カウントダウン
　　for (var i = 100000 ; i >= 1 ; i--) {
　　　tbl.rows[3].cells[2].innerHTML = i; // 表示
　　}
　　var jikoku= new Date();
　　tbl.rows[4].cells[2].innerHTML = (jikoku); // 終了
　}
</script>





処理が終わらないと表示が出ない。		 <INPUT onclick=s3(); type=radio name=dummy> 実行

<script>


　tbl.rows[1].cells[3].innerHTML = (jikoku); // 起動



　// 処理３
　function s3(){
　　var jikoku= new Date();
　　tbl.rows[2].cells[3].innerHTML = (jikoku); // 開始
　// カウントダウン
　　var i = 750;
　　setTimeout(function callback(){
　　　if(!(i>0)) return;
　　　　tbl.rows[3].cells[3].innerHTML = ( i ); // 表示
　　　i--;
　　　setTimeout(callback);
　　　var jikoku = new Date();
　　　tbl.rows[4].cells[3].innerHTML = (jikoku); // 終了
　　})　// 「)」 は５行上の閉じ。参考
　}
</script>

カウントが経過表示。