单击按钮并且图像消失后，如何停止声音？

Question

我有这个代码开始时，在没有播放音乐的情况下加载了imaged。

第一次图像消失时按下按钮。第二次按下时，图像出现并播放音乐。

每次都会发生这种情况，除了音乐应该停止并在单击按钮时设置回到开头所以图像消失，然后在图像出现时重新开始。

有人可以帮帮我，告诉我如何让声音停止吗？

这就是我所拥有的:(我遗漏了一些关于位置等的不必要的代码。）

<button id="b" type="button" onclick="myFunction()">Click Here To Enter The Show!</button>
    <script>

    function myFunction() {
        var x = document.getElementById('myDIV')
        var snd = new Audio("ann.mp3");
        var sond = new Audio("hearpeoplesing.mp3");
        if (x.style.display === 'none') {
            x.style.display = 'block';
            snd.play();
            sond.play();
        } else {
            x.style.display = 'none';
        }
    }
    </script>
    <div id="myDIV">
    <img src="ticket.png" alt="Ticket" width="300" height="200">
    </div>