如何在單擊按鈕時播放隨機聲音？ JavaScript的

Question

當我按下按鈕時，我想播放隨機聲音。 但是當我單擊它時會引發錯誤：“無法讀取null的屬性'play'。 我是否必須在其他地方聲明音頻變量？ 還是我只是拼錯了什么？ 無論如何，這是到目前為止的代碼：

var audio1 = document.getElementById("potato");


function burn1() {
    audio1.play();
}

function burn2() {
    audio1.play();
}

function burn3() {
    audio1.play();
}

function burn4() {
    audio1.play();
}

function burn5() {
    audio1.play();
}

function random() {
    var rand = Math.floor(Math.random() * (5 - 1)) + 1;
    switch(rand) {

        case 1:
            burn1();
            break;
        case 2:
            burn2();
            break;
        case 3:
            burn3();
            break;
        case 4:
            burn4();
            break;
        case 5:
            burn5();
            break;

    }
}

另外，這是我的HTML：

<!doctype HTML>
<html> 

    <head>
        <title>Burn Generator!</title>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>

    <body>
        <script type="text/javascript" src="main.js"></script>
        <span id="dummy"></span>
        <button id="burn" onClick="random()">OOOHH BURN!</button>
        <audio id="potato" src="Kalimba.mp3" ></audio>

    </body>

</html>

Answer 1

將腳本放在HTML的末尾，或使用就緒的回調。 它確保在嘗試訪問audio＃potato時已加載它。 現在，由於代碼運行時該元素不存在，所以audio1可能未定義

<head>
    <title>Burn Generator!</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
    <span id="dummy"></span>
    <button id="burn" onClick="random()">OOOHH BURN!</button>
    <audio id="potato" src="Kalimba.mp3" ></audio>
    <script type="text/javascript" src="main.js"></script>
</body>

或使用

document.addEventListener('DOMContentLoaded', function () {

});

在你的代碼中

如何在單擊按鈕時播放隨機聲音？ JavaScript的

問題描述

1 個解決方案

解決方案1
1 已采納 2014-07-05 22:37:17

如何在單擊按鈕時播放隨機聲音？ JavaScript的

問題描述

1 個解決方案

解決方案1 1 已采納 2014-07-05 22:37:17

解決方案1
1 已采納 2014-07-05 22:37:17