[SOLUCIONADO] Alert con sonido

[OPMUANRK]

Hola, estoy haciendo un temporizador en Javascript junto con HTML, y quiero que cuando acabe el tiempo, se escuche un sonido y que salga un alert(), ya hice que se escuchara el sonido y que se vea el alert, pero lo que pasa, es que se reproduce después de darle "aceptar" al alert, aquí mi javascript:

Código Javascript:

//código necesario, no es todo
if(toHour<0)
{
//Final
form.second.value=0;
form.minute.value=0;
form.hour.value=0;
var audio = new Audio('Bell.wav');
audio.play();
alert('El tiempo se ha agotado.');
}else{
setTimeout("countDown()",1000);
}
}
 

Y aunque esté el "audio.play();" primero no se escucha hasta que le doy "Aceptar" a la notificación "alert", ¿alguien me puede echar una mano?

Gracias :)

[Alexis88]

Podrías usar una ventana modal en lugar de la alerta.

Saludos

[Panino5001]

La mejor solución es la del falso modal que propone Alexis88.
Pero si el sonido no es muy largo, quizá podrías usar el evento ended para lanzar el alert.

[mackiechan]

Estaba leyendo y lo mejor es precargar el audio en el html:

Código HTML:

<audio id="xyz" src="Bell.wav" preload="auto"></audio>
 

Código Javascript:

//código necesario, no es todo
if(toHour<0){
{
//Final
form.second.value=0;
form.minute.value=0;
form.hour.value=0;
 
    document.getElementById('xyz').play();
    alert("El tiempo se ha agotado.");
}else{
   setTimeout("countDown()",1000);
 
}
 

[OPMUANRK]

Mackiechan, tu respuesta me ha funcionado de maravilla, muchas gracias +1

Y también gracias a los demás por dejar su opinión :D