圖像在按鈕單擊時成功隨機化，但不會播放聲音。我不知道音頻 JS 有什么問題，但它一直困擾著我。我想讓兩者在單擊同一個按鈕時隨機執行。我正在使用 Chrome 來測試我的工作。<script type = "text/javascript"> //Create random picture array function imgchange() { var myImages1 = new Array(); myImages1[1] = "Matthew1.jpg"; myImages1[2] = "Matthew2.jpg"; myImages1[3] = "Matthew3.jpg"; myImages1[4] = "Matthew4.jpg"; //Image Array myImages1[5] = "Matthew5.jpg"; myImages1[6] = "Matthew6.jpg"; myImages1[7] = "Matthew7.jpg"; var rnd = Math.floor(Math.random() * myImages1.length);// Random Choice of Image if (rnd == 0) { rnd = 1; } document.getElementById("gen-img").src = myImages1[rnd];//Gets Image } function playRandomSound() { //An array to house all of the URLs of your sounds var sounds = new Audio["sound1.mp3", "sound2.mp3", "sound3.mp3", "sound4.mp3"]; //This line will select a random sound to play out of your provided URLS var soundFile = sounds[Math.floor(Math.random() * sounds.length)]; //Find the player element that you created and generate an embed file to play the sound within it document.getElementById("Button").innerHTML = "<embed src=\"" + soundfile + "\" hidden=\"true\" autostart=\"true\" loop=\"false\" />"; </script><body style="height: 663px"> <div class="Title" id="title">Alright! Alright! Alright!</div> <p><img id="gen-img" src="img/who/1.jpg"></p> <p> <input id="Button" type="button" value="Random" onclick="imgchange(); playRandomSound();"/></p> </body>
嘗試在按鈕單擊時播放隨機圖像和隨機聲音
LEATH
2022-07-21 09:56:54
