具有多个功能的onClick

Question

如何使用onClick播放声音并在现有窗口中打开一个新的html网站？有时会播放声音，有时会打开新站点。

感谢您的帮助！

<div class="lowersitebuttons">
<button class="login" onClick="PlaySound(button1); window.location.href = '/Users/Mac/Dropbox/Sites/lcars1.html'">LOGIN</button>
<button class="cancel" onClick="PlaySound(button2)">CANCEL</button> 
</div>


    // JavaScript Document
    var button = new Audio();
    button1.src = "/Users/Mac/Dropbox/login/Computersounds/lcars.mp3";
    function PlaySound(button1) {
        button1.play();
    }

    button2.src = "/Users/Mac/Dropbox/login/Computersounds/alert23.mp3";
    function PlaySound(button2) {
        button2.play();
    }

Answer 1

加载新网址后，您的声音将停止播放。相反，您可能要等到声音播放完毕后再加载新的URL。为此，您可以使用音频对象的onend事件。

button1.play();
button1.onend = function()
{
    window.location.href = "/Users/Mac/Dropbox/Sites/lcars1.html";
}