【ローカルタイム】に関する知恵袋
【質問】
[追記]即急！！！手伝って、「デジタルカウントダウン.」javacriptでデジタルタイマーを作ろうとしております。「明日まで（あるいは今日の終わりまで）を24時間形式でカウントダウンし、ローカルタイムの知恵袋には、O時間O分０秒になったら、また、その次の日まであと２４時間０分０秒を永遠に繰り返す」スクリプトです。つまり、２４時間を自動更新で無数繰り返しカウントダウンするスクリプトです。（ローカルタイムで）問題：「◯◯：◯◯：◯◯」とはなるのですが、最後の◯の部分がたまあに、ニュージーランドの観光のポイントの概要に触れると、表示されなる。多分、ローカルタイムの知恵袋とは、イメージ（画像）が完全にダウンロードされていないのが原因だとは思うんですが、 各画像がダウンロードされるのを待ってから動くようにするにはどうすればよろしいですか？ちなみに、コードは以下の通りです。 <html> <body> <script type="text/javascript"> <!-- function doCountDown() { setInterval('countDown()', 500); } function countDown() { var now = new Date(); var tomorrow = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1); var diff = Math.floor((tomorrow.getTime() - now.getTime()) / 1000) + 1; var hour = Math.floor(diff / 3600); diff %= 3600; var min = Math.floor(diff / 60); var sec = diff % 60; var hour1 = Math.floor(hour / 10); var hour2 = hour % 10; var min1 = Math.floor(min / 10); var min2 = min % 10; var sec1 = Math.floor(sec / 10); var sec2 = sec % 10; document.getElementById('cd').innerHTML= "今日の終了まであと<img src='dg" + hour1 + ".gif'><img src='dg" + hour2 + ".gif'><img src='dgc.gif'><img src='dg" + min1 + ".gif'><img src='dg" + min2 + ".gif'><img src='dgc.gif'><img src='dg" + sec1 + ".gif'><img src='dg" + sec2 + ".gif'>"; } //--> </script> </head> <body onload="javacript:doCountDown();"> <div id='cd'></div> </body> </html> ※画像は「デジタル文字」０，１，２，３，４，５，６，７，８，９と「：」が1つです。 ０＝dg0.gif １＝dg1.gif ２＝dg2.gif ３＝dg3.gif ４＝dg4.gif ５＝dg5.gif ６＝dg6.gif ７＝dg7.gif ８＝dg8.gif ９＝dg9.gif 「:」=dgc.gifニュージーランドの観光のポイントの理解が少しでも深まったなら幸いです。
【解答】
＞各画像がダウンロードされるのを待ってから動くようにするにはdoCountDown関数内、setInterval('countDown()', 500);の前にbuf = new Array();for(var i = 0; i <= 11; i++){buf[i] = new Image();if(i < 11){buf[i].src = 'dg' + i + '.gif';};if(i == 11){buf[i].src = 'dgc.gif';};}
