・startボタンを押すと,新ウィンドウが開き,画像が表示される。
・新ウィンドウの画像は一定時間(1秒)ごとに変わる。
・stopボタンを押すと,新ウィンドウが閉じる。
という条件を満たしたプログラムを作っています。
ですが、新ウインドウで画像を変更する方法とopenをどの位置で入れればよいのかわからないので教えていただきたいです。
現在のソースコードですと毎回ウインドウを開いてしまうのは毎回openを入れているからというのは理解していますが、いろいろ試した結果エラーが起こらず、一番答えに近いと思ったこのソースコードを載せました。
該当のソースコード
<!DOCTYPE html> <html lang ="ja"> <head> <meta charset = "UTF-8"> <title>画像が変わる</title> </head> <body> <script> var win; num=1; function openwin(num){ win=open('images/img'+num+'.jpg','null','width=100 height=200 top=100 left=400'); } function closewin(){ win.window.close(); } function gazo(){ open() if(num==1){ openwin(num) num=2; } else if(num==2){ openwin(num) num=3; } else if(num==3){ openwin(num) num=4 } else if(num==4){ openwin(num) num=5; } else if(num==5){ openwin(num) num=1; } setTimeout("gazo()",1000); } function sClock(){ clearInterval(timer); } </script> <input type = "button" name="srt_btn" value="スタートボタン" onclick = "gazo()"> <input type = "button" name="stop_btn" value="ストップボタン" onclick = "sClock()"> </body> </html>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。