前提・実現したいこと
一定時間(ここでは10秒)ごとに、複数の音からランダムでひとつ選び再生したいと考えています。
発生している問題・エラーメッセージ
以下のコードでは、最初に複数の音からひとつ選びそれを繰り返し再生してしまいます。
再生ごとに音の選出をする方法をご存知の方がいらっしゃいましたら、ご教示いただけると幸いです。
よろしくお願いいたします。
該当のソースコード
html
<FORM name="musicform"> <INPUT id="playbutton" name="playbutton" type="button" value="再生" onClick="playAudio()"> </FORM>
JavaScript
<SCRIPT> var repeatTimer; var button = document.getElementById('playbutton'), audioArr = [ 'm0.mp3', 'm1.mp3', 'm2.mp3', ]; var audio = new Audio(); var playAudio = function() { var num = Math.floor(Math.random() * audioArr.length); if (num == audioArr.length) { num = audioArr.length - 1; } audio.src = audioArr[num]; audio.play(); } button.addEventListener("click",function() { audio.play(); setInterval(function() { audio.play(); },10000); }, false); </SCRIPT>
まだ回答がついていません
会員登録して回答してみよう