未使用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