Skip to main content
se añadieron 9 caracteres en el cuerpo
Origen Enlace
Layer
  • 6.1k
  • 2
  • 11
  • 32

Eso es algo muy sencillo, para mover una ventana primero la creas pero que no se te olvide asignarla a algo:

const ventana = window.open('', '', 'width=200, height=200');

ahora solo tienes que moverla con la funcion moveTo que tiene el objeto window:

//Esto movera la ventana a la pocision 500 en x y 500 en y
ventana.moveTo(500, 500);

Ahora bien, si lo que quieres es que la ventana se este constantemente moviendo puedes usar un setInterval, que te permite ejecutar una funcion cada cierto tiempo:

let ultimoMovX = 0;

function moverVentanaA(ventana, posX, posY){

    ventana.moveTo(posX, posY);
    ventana.focus();

}

const intervaloMover = setInterval(()=>{

    if(ventana.x >= 0 && ventana.x + ventana.outerWidth < screen.width){
       
       moverVentanaA(ventana, ultimoMovX, 500);
       ultimoMovX++;
    }else{
       ultimoMovX = 0;
    }

},1);

Eso es algo muy sencillo, para mover una ventana primero la creas pero que no se te olvide asignarla a algo:

const ventana = window.open('', '', 'width=200, height=200');

ahora solo tienes que moverla con la funcion moveTo que tiene el objeto window:

//Esto movera la ventana a la pocision 500 en x y 500 en y
ventana.moveTo(500, 500);

Ahora bien, si lo que quieres es que la ventana se este constantemente moviendo puedes usar un setInterval, que te permite ejecutar una funcion cada cierto tiempo:

let ultimoMovX = 0;

function moverVentanaA(ventana, posX, posY){

    ventana.moveTo(posX, posY);
    ventana.focus();

}

const intervaloMover = setInterval(()=>{

    if(ventana.x >= 0 && ventana.x + ventana.outerWidth < screen.width){
       
       moverVentanaA(ultimoMovX, 500);
       ultimoMovX++;
    }else{
       ultimoMovX = 0;
    }

},1);

Eso es algo muy sencillo, para mover una ventana primero la creas pero que no se te olvide asignarla a algo:

const ventana = window.open('', '', 'width=200, height=200');

ahora solo tienes que moverla con la funcion moveTo que tiene el objeto window:

//Esto movera la ventana a la pocision 500 en x y 500 en y
ventana.moveTo(500, 500);

Ahora bien, si lo que quieres es que la ventana se este constantemente moviendo puedes usar un setInterval, que te permite ejecutar una funcion cada cierto tiempo:

let ultimoMovX = 0;

function moverVentanaA(ventana, posX, posY){

    ventana.moveTo(posX, posY);
    ventana.focus();

}

const intervaloMover = setInterval(()=>{

    if(ventana.x >= 0 && ventana.x + ventana.outerWidth < screen.width){
       
       moverVentanaA(ventana, ultimoMovX, 500);
       ultimoMovX++;
    }else{
       ultimoMovX = 0;
    }

},1);
Origen Enlace
Layer
  • 6.1k
  • 2
  • 11
  • 32

Eso es algo muy sencillo, para mover una ventana primero la creas pero que no se te olvide asignarla a algo:

const ventana = window.open('', '', 'width=200, height=200');

ahora solo tienes que moverla con la funcion moveTo que tiene el objeto window:

//Esto movera la ventana a la pocision 500 en x y 500 en y
ventana.moveTo(500, 500);

Ahora bien, si lo que quieres es que la ventana se este constantemente moviendo puedes usar un setInterval, que te permite ejecutar una funcion cada cierto tiempo:

let ultimoMovX = 0;

function moverVentanaA(ventana, posX, posY){

    ventana.moveTo(posX, posY);
    ventana.focus();

}

const intervaloMover = setInterval(()=>{

    if(ventana.x >= 0 && ventana.x + ventana.outerWidth < screen.width){
       
       moverVentanaA(ultimoMovX, 500);
       ultimoMovX++;
    }else{
       ultimoMovX = 0;
    }

},1);