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 загружен, ваш звук перестанет играть. Вместо этого вы можете подождать, пока ваш звук не будет воспроизведен до конца sh, и после этого загрузить новый URL. Для этого вы можете использовать событие onend объекта Audio.

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