getMilliseconds() y ocultar una capa

[Alun]

Hola de nuevo:

Esta vez tengo dos problemillas :(

Tengo un botón en una capa que, al pulsarlo, muestra otra capa por encima de esta, y que contiene otro botón, y además, capta los milisegundos del momento en que se ha pulsado. Al pulsar este segundo botón, la segunda capa pasa a un plano inferior. Debería también coger los milisegundos, y calcular la diferencia de tiempo, para ver lo que se ha tardado en pulsar el segundo botón desde que se pulsó el primero.

Por otra parte, al pulsar el primer botón, se guarda 1 en una variable, para que, si es la segunda vez que se pulsa, pase por un if(), y en lugar de mostrar la capa segunda, la oculte.

Mi problema es que ni consigo captar y operar con los milisegundos, ni se me oculta la capa la segunda vez que pulso el primer botón.


Pongo aquí el código completo (con comentarios aclarativos), por si alguien me puede echar una mano:

Código Javascript:

var time1=0;
        var time2=0;
        var fecha1=new Date;
        var fecha2=new Date;
        var clic="";
        var clic2="";
        function jugar(){
            /*esta variable toma un valor si se hace click para ver qué parte de esta función hay que ejecutar*/
            clic=1;
            /*esta variable toma su propio valor más el clic recién hecho para ver cuántos clicks se han hecho*/
            clic2=clic2+clic;
            /*este if determina si se mostrará la capa juego o se ocultará, en función de si es la primera vez o la
            segunda que se pulsa el botón jugar*/
            if(clic=1){
            /*esta variable toma los milisegundos del momento en el que se pulse el botón jugar*/
            time1=fecha1.getMilliseconds();
            /*esta variable toma un valor aleatorio entre 1 y 5 (que se convertirán en segundos)*/
            var tiempo=Math.round(Math.random()*(5-1))+1;
            /*este método llama a la función mostrarCapa en el tiempo aleatorio que es el valor de la variable tiempo*/
            setTimeout(mostrarCapa(), tiempo);
            clic=clic-1}
            else{
                /*esta expresión oculta la capa juego*/
                document.getElementById('juego').style.display='none';}
            }
        function mostrarCapa(){
            /*esta variable toma el valor del ancho de la pantalla*/
            var resolucion=screen.width;
            /* intento de coger el id #juego y cambiarle la propiedad css display - LOGRADO =D*/
            document.getElementById('juego').style.display='block';
            /*se toma el valor del ancho de la capa juego*/
            var ancho_capa=document.getElementById('juego').clientWidth;
            /*esta variable toma un valor aleatorio entre 1 y el ancho de pantalla (para colocar el botón del juego)*/
            var aleat=Math.round(Math.random()*(ancho_capa-1))+1;
            /* intento de tomar el id #parar y colocarlo en un punto aleatorio del eje X - LOGRADO =D*/
            document.getElementById('parar').style.marginLeft=aleat + 'px';}
        function parar(){
            /*esta expresión cambia el texto que aparece en el botón jugar*/
            document.getElementById('jugar').value='Jugar de nuevo';
            /*esta variable toma el valor en milisegundos del momento en el que se pulsa el botón parar*/
            time2=fecha2.getMilliseconds();
            /*esta expresión coloca la capa juego detrás, para deshabilitar el botón*/
            document.getElementById('juego').style.zIndex=1;
            alert(time2 - time1);
            
            }
 

Código HTML:

<div id="plantilla" name="n_plantilla">
        <input type="button" id="jugar" value="Jugar por 1ª vez" onClick="jugar();">
    </div>
    <div id="juego" name="n_juego">
        <center>
        <img src="img.png" id="img" name="img"><br><br>
        </center>
        <input type="button" id="parar" name="parar" value="Rápido, púlsame!!" onClick="parar();">
    </div>
 

Muchas gracias!