javascript - 按单个按钮播放随机声音

标签 javascript html

首先,我首先要说的是,我是你见过的最糟糕的程序员。我正在尝试制作一个 Javascript,它允许我按下一个按钮并随机播放声音。我的想法是进行随机数学计算,并让一个数字与一个声音相对应,然后执行一个可以播放的 if 语句。我真的不知道从这里该去哪里。我实际上不知道我这样做是否正确。

我的 JavaScript

function myFunction() {
var x = Math.floor((Math.random() * 10) + 1);
var sounds = ["sound1", "sound2", "sound3", "sound4", "sound5", "sound6", "sound7", "sound8", "sound9", "sound10"];
sound1 = 1;
sound2 = 2;
sound3 = 3;
sound4 = 4;
sound5 = 5;
sound6 = 6;
sound7 = 7;
sound8 = 8;
sound9 = 9;
sound10 = 10;
sound1.src = "sound1.mp3";
//And so on of the sound files

}

我的 HTML

<button onclick="mySounds()">Click for a sound</button>
<p id="Sounds"></p>

最佳答案

您可以使用方法 play(),如以下链接所示。 W3 Schools

我认为使用 Math.random() 方法会更好。如以下代码所示,您可以定义最大值和最小值。

function getRandomArbitrary(min, max) {
    return Math.random() * (max - min) + min;
}

您的情况下的最小数字将为 0,最大数字将为数组中最后一项的索引。这应该可以做到。

如果您直接更改数组项,则声音的链接您的代码甚至会更短。

关于javascript - 按单个按钮播放随机声音,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39604400/

相关文章:

javascript - 克隆对象 JSON 但直到它的第 5 个键值

python - 从存储在数据库中的 HTML 渲染 iframe

javascript - Rest/HTML - 如果服务器停止,检测服务器是否再次启动?

HTML 和 CSS 菜单

javascript - 正则表达式从javascript中的字符串中删除特殊和重复的字符?

javascript - jQuery 在单击和替换时追加值

javascript - 使用JS函数生成并渲染光标附近的html内容

javascript - CSS :before doesnt work perfectly in nested divs

来自div下的jquery slidein

javascript - 如何切换变量格式不一致的大小写