ベストアンサー

画像をランダムな座標に一定の時間で表示する方法

2006/07/06 20:41

javascript勉強中の65歳の初心者です画像を乱数で得た座標に一定の時間で表示したいと次の通り試行錯誤していますが、どうも最初の1個は表示されますが配列の2番目以降表示されません。初歩的な質問で恐縮ですがご指導お願いします。 <html> <head> <title>テスト表示</title> </head> <body onload= "set()"> <script language="JavaScript"><!-- sx = new Array(); sy = new Array(); num = 20; var timer; var n; var i; var m; n = 0; function set(){ for (m=0; m<num; m++) { sx[m] = Math.floor(Math.random()*800); sy[m] = Math.floor(Math.random()*600); } setInterval("uncohyouji()", 2000); } function uncohyouji(){ styl = "<img src='unco1.gif'style='position:absolute;"; document.write(styl+sx[n]+"px;left:"+sy[n]+"px;' name='unco1"+n+"'>"); n++; }

tenikiti03
お礼率100% (5/5)

JavaScript
回答数2
ありがとう数2

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

nipox
ベストアンサー率32% (10/31)

2006/07/08 00:16 回答No.2

ソースを落として実験したら原因が分かりました。 uncohyouji() で、document.write() してますよね。これは、ドキュメントを真っ白にして書き込むという命令なので、真っ白にした瞬間に、スクリプトも消えてしまうわけです。その証拠に、 uncohyouji()内で、 write()したあとに、 alert(); を書いて実行すると、 1回しか表示されません。よって、writeは、使ってはいけないことになります。回避策は2つあります。ひとつは、 <img>に、id="img"という属性を書き、 document.getElementById('img').style.left=sy[n]+'px'; document.getElementById('img').style.top=sx[n]+'px'; とやるか、 document.body.innerHTML="<img src..... とやるかのどちらかです。