##質問したい内容
はじめて質問させていただきます
JavaScriptで簡易的なガラポンを作成しています
ボタンをクリックし画像を切り替えるというものです
ボタンをクリックしたときにゆっくりランダムで画像がようにしたいです。
ボタンをクリックして3秒後に画像を表示させるやり方がわかりません
どうすればいのでしょうか
ここに質問の内容を詳しく書いてください。
■■な機能を実装中に以下のエラーメッセージが発生しました。
発生している問題
ボタンをクリックするとすぐに画像が切り替わる
該当のソースコード
<!DOCTYPE html><html lang="ja"> <head> <title>ガチャ</title> </head> <body> <div id="picdiv"> <img src="gatya01.png"> </div> <input type="button"value="抽選!"onclick="changePic()"> <script> function changePic(){ var pDiv = document.getElementById("picdiv"); var x = Math.random(); if(x < 0.1){ pDiv.innerHTML="<img src='gatya02.png'>"; }else if(x < 0.2){ pDiv.innerHTML="<img src='gatya03.png'>"; }else if(x < 0.4){ pDiv.innerHTML="<img src='gatya04.png'>"; }else if(x < 0.6){ pDiv.innerHTML="<img src='gatya05.png'>"; }else if(x < 0.8){ pDiv.innerHTML="<img src='gatya06.png'>"; }else{ pDiv.innerHTML="<img src='gatya07.png'>"; } } </script> </body> </html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/02/03 21:19
退会済みユーザー
2019/02/03 21:24
2019/02/03 23:39