未使用JavaScript定義onclick的函數

Question

我試圖在單擊div時播放音頻文件，然后在div的下一次單擊中暫停它。 但是，我對javascript很陌生，第一個功能甚至沒有執行，而且我不明白它的定義方式。

這是我的代碼：

<!DOCTYPE html>
<html>

<head>
    <style>
        .floating-box {
            display: inline-block;
            width: 150px;
            height: 75px;
            margin: 10px;
            border: 3px solid #73AD21;
        }

        .after-box {
            clear: left;
            border: 3px solid red;
        }

        .player
    </style>
</head>
<script>
    var has_been_played = 0;

    function playSound() {
        var aud=new Audio(file);
        aud.play();
        var b1 = document.getElementbyId("box" + num);
        var b1.has_been_played == true;

    }

    var b1.has_been_played = pauseAud() {
        document.getElementById("box" + num).setAttribute("onClick",
            "javascript: pauseAud();");
    }

    function pauseAud() {
        var aud=new Audio(file);

        aud.pause();
    }
</script>

<body>
    <div id="box1" class="floating-box" onclick="playSound('donttalk.mp3');"></div>
    <div id="box2" class="floating-box" onclick="playSound('goodvibrations.mp3');"></div>
</body>

</html>

我希望它播放聲音，然后單擊它，變量將更改為“ has_been_played”，而下次單擊該div時，音頻文件將暫停。 （希望如此，下次單擊它會再次播放。

為什么說playSound函數未在onclick上定義？

Answer 1

您需要像這樣將函數添加到窗口：

function playSound(){
    aud.play();
     var b1= document.getElementbyId("box"+num);
    var b1.has_been_played == true;

}

window.playSound = playSound;

未使用JavaScript定義onclick的函數

問題描述

1 個解決方案

解決方案1
1 2017-12-04 20:56:59

未使用JavaScript定義onclick的函數

問題描述

1 個解決方案

解決方案1 1 2017-12-04 20:56:59

解決方案1
1 2017-12-04 20:56:59