Hacer una pausa en javascript

mensajeescrito · #1 (**permalink**) 11/12/2013, 12:04

Hola buenas, mi pequeño gran problema es que tengo el siguiente codigo que les muestro, y que funciona bien, pero necesito que haga una pausa de 2 segundos antes de que se ejecute.

El problema es que se como se hace, pero como soy novato en javascript no atino a conseguirlo.

He buscado por internet y he visto que se hace con seTimeout y dandole el tiempo en milisegundos. Pero me da error siempre.

Si pudieran ayudarme les estaría muy agradecido.

este es el codigo:

Código Javascript:

Ver originalfunction MoverTexto(id,d)
    {       
        for(var i=1;i<=9;i++) {
 
            var bloque=document.getElementById("mover"+i);
        
            if(i==id)
            {
                if(d=="arriba")
                /*    bloque.style.top="90px";
                else*/
                    bloque.style.top="200px";
            }else
            
            {
                bloque.style.top="-3000px";
            }   
        }   
    }

PHPeros · #2 (**permalink**) 11/12/2013, 12:07

Yo no lo veo tan complicado:

Código Javascript:

Ver originalwindow.setTimeout(function(){MoverTexto('texto1', 'texto2')}, 2000);

Eso añadido debajo del código anterior.

mensajeescrito · #3 (**permalink**) 11/12/2013, 12:14

ahh se me olvidaba, el codigo de cada boton de mi menu que hace activar este codigo es el siguiente:

<a onclick="MoverTexto('1', 'arriba');" class="dock-item"><span class="fondo_titular_icono">

Somos</span><img src="images/icono_somos.png" alt="" title=""/>

</a

Lo digo por que si pongo solo el codigo que me has pasado (gracias por cierto), pues como que sigue sin funcionar.

Lo digo por si con este codigo del boton que pongo soy mas concreto para la solucion

PHPeros · #4 (**permalink**) 11/12/2013, 12:18

No, desde el atributo onclick pones el código que puse pero con los parámetros que quieras... No sé dónde está el error.

mensajeescrito · #5 (**permalink**) 11/12/2013, 12:34

Muchas gracias fenomeno ha funcionado a la perfeccion en cualquier caso pongo aquí la solución por si alguien se ve con el mismo problema que yo, que le pueda servir:

Código Javascript:

Ver original<a onclick="window.setTimeout(function(){MoverTexto('2', 'arriba')}, 2000);" class="dock-item"><span class="fondo_titular_icono">
                                        
                                        Somos</span><img src="images/icono_somos.png" alt="" title=""/></a>

Saludos !!!!!!!!

luisceb · #6 (**permalink**) 11/04/2015, 11:39

Cita:

Iniciado por mensajeescrito

Muchas gracias fenomeno ha funcionado a la perfeccion en cualquier caso pongo aquí la solución por si alguien se ve con el mismo problema que yo, que le pueda servir:

Código Javascript:

Ver original<a onclick="window.setTimeout(function(){MoverTexto('2', 'arriba')}, 2000);" class="dock-item"><span class="fondo_titular_icono">
                                        
                                        Somos</span><img src="images/icono_somos.png" alt="" title=""/></a>

Saludos !!!!!!!!

Y digo yo:

¿No es más fácil llamar una función que genere un "bucle" del tiempo que quieras, y condicionar la ejecución del código que sigue cuando finalice ese tiempo?

Un ejemplo.

var tiempo=0;
function espera(){

//generamos el contador
tiempo=tiempo+1;

//condicionamos a que el bucle se pare cuando pasen 2000 mili-segundos, y pase a ejecutar la función codigo()
if(tiempo>=2){código();return}

//definimos bucle que ejecuta el contador cada segundo
setTimeout('espera()',1000)
}

function código(){//aquí colocamos el código objeto del post}

Y en "body" podemos colocar el "onclick" con la siguiente llamada:

onclick="espera()"

De esta forma se ejecuta primero la espera de dos segundos, y de manera automática se ejecuta el código que contiene la función "código()".

Coloco a continuación un boceto de la página completa en modo Highlight. Obsérvese que al finalizar el bucle la variable "tiempo" vuelve a valor cero para que al volver al ejecutar código() se respeten los dos segundos de espera.

Código HTML:

Ver original<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>generador de 2 segundos de espera</title>
</head>
<script language=javascript>
 
var tiempo=0;
 
function espera(){
 
//generamos el contador
 
tiempo=tiempo+1;
 
 
//condicionamos a que el bucle se pare cuando pasen 2000 mili-segundos
//y acto seguido ejecute el código de la función codigo()
 
if(tiempo>=2){código();tiempo=0;return}
 
 
//definimos bucle que se ejecuta cada segundo
 
setTimeout('espera()',1000)
}
 
function código(){
 
//Aquí colocamos el código o programa que habría que ejecutar.
 
alert('el programa se está ejecutando')
 
}
 
</script>
 
 
<body>
 
<form >
    
    <p><input type="button" value="Botón" name="B3" onclick="espera()"></p>
</form>
 
</body>
 
</html>