[SOLUCIONADO] mover a la izquierda un div

[Mechabits]

Código Javascript:

function desaparece(){
    var ocultar=document.getElementById("menuDeslizante");
    var ocultar2=document.getElementById("menuDeslizante2");
    var parar=false;
    var counter=0;
    do{
    alert("hola mundo");
    counter++;
    ocultar.style.marginLeft="-"+counter+"%";
    if(counter==30){
        parar=true;
    }
    }while(parar==false);
}
 
function timeout()
   {
      setTimeout("desaparece()", 3000);
   }
window.onload=function (){
timeout();
}
 

Pues me gustaria mover a la izquierda un div de forma continuada, hasta que se saliera de la pagina web. Si tengo puesto un alert (como ahora) y le voy dando a aceptar se va moviendo un poco cada vez, pero si quito el alert me lo mueve entero a la izquierda de una vez. Y yo quiero que lo mueva poco a poco como lo hago con el alert, pero sin el alert.

Un saludo, gracias y espero sus respuestas

[PHPeros]

Con el alert podías ya que es totalmente blocking.

El error se debe a que la funcion "desaparece" viene con el bucle, y en sí ya estás haciendo bucle invocando a la función cada 30 segundos.

Elimina el do...while y utiliza clearInterval dentro del if para limpiar el intervalo cuando supere el 30%

[Mechabits]

Iniciado por PHPeros

Con el alert podías ya que es totalmente blocking.

El error se debe a que la funcion "desaparece" viene con el bucle, y en sí ya estás haciendo bucle invocando a la función cada 30 segundos.

Elimina el do...while y utiliza clearInterval para limpiar el intervalo cuando supere el 30%

He cogido un ejemplo de [URL="http://www.w3schools.com/jsref/met_win_cleartimeout.asp"]W3schools[/URL] para usar el clearTimeout (no se muy bien la diferencia entre el interval y el Timeout, si tambien pudieras responder a esto te lo agradeceria muchisimo) y no hace nada

Código Javascript:

var algo;
function desaparece()
{
    var ocultar=document.getElementById("menuDeslizante");
    var counter=0;
    var parar=false;
    counter++;
    ocultar.style.marginLeft="-"+counter+"%";
    if(counter==30){
        myStopFunction();
        parar=true;
    }
}
 
function timeout()
{
    algo=setInterval("desaparece()", 3000);
}
 
function myStopFunction()
{
    clearInterval(algo);
}
 
window.onload=function ()
{
    timeout();
}
 

Por cierto, gracias por responder :)

PD: Lo he editado. Lo hace una vez, pero no sigue moviendolo mas de una vez :/ por eso creo que necesito algun bucle, para que siga repitiendo la accion varias veces.

[PHPeros]

Pongo el código correcto con interval:

Código Javascript:

var ocultar=document.getElementById("menuDeslizante");
var ocultar2=document.getElementById("menuDeslizante2");
var parar=false;
var counter=0;
    
function desaparece(){
    counter++;
    ocultar.style.marginLeft="-"+counter+"%";
    if(counter==30){
        clearInterval(interval);
    }
}
 
function timeout(){
    var interval = setInterval("desaparece()", 1000);
}
window.onload=function(){
timeout();
}
 

[Mechabits]

Uncaught TypeError: Cannot read property 'style' of null menuDeslizante.js:8
desaparece menuDeslizante.js:8
(anonymous function)

Me da ese error. Siento entretenerte tanto. Y gracias por la molestia como siempre :)

Un saludo

[PHPeros]

Código Javascript:

function desaparece(){
 
    var ocultar=document.getElementById("menuDeslizante");
    var ocultar2=document.getElementById("menuDeslizante2");
    var parar=false;
    var counter=0;
 
    counter++;
    ocultar.style.marginLeft="-"+counter+"%";
    if(counter==30){
        clearInterval(interval);
    }
}
 
var interval = setInterval("desaparece()", 1000);
 

[Mechabits]

compila bien, sin errores, pero no lo hace. Al menos te doy el punto de ayuda. Muchas gracias de todos modos :) . Si consigo la respuesta la dejo aqui
Estas invitado a seguir intentandolo tu y todo el mundo

[PHPeros]

Código Javascript:

var counter = 0;
 
function desaparece(){
 
    var ocultar=document.getElementById("menuDeslizante");
    var ocultar2=document.getElementById("menuDeslizante2");
 
    counter++;
    ocultar.style.marginLeft="-"+counter+"%";
    if(counter==30){
        clearInterval(interval);
    }
}
 
var interval = setInterval("desaparece()", 1000);
 

[Mechabits]

Iniciado por PHPeros

Código Javascript:

var counter = 0;
 
function desaparece(){
 
    var ocultar=document.getElementById("menuDeslizante");
    var ocultar2=document.getElementById("menuDeslizante2");
 
    counter++;
    ocultar.style.marginLeft="-"+counter+"%";
    if(counter==30){
        clearInterval(interval);
    }
}
 
var interval = setInterval("desaparece()", 1000);
 

Eres genial!!!! Y muy rapido!!! Muchisimas gracias! Esta es la respuesta!
Repasare tu codigo y vere que has hecho!!! Muchisimas gracias de veras!!!!