Problema con setInterval

cafero · #1 (**permalink**) 10/12/2008, 09:23

Tengo el suiente codigo html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Mover elementos de una página web con JavaScript</title>

</head>
<script src="new_file.js"></script>
<body>
<div id="capa" style="width:20px;height:20px;background-color:#CC0000;" ></div>
</body>
</html>

y el siguiente codigo java

function muestraReloj () {
document.getElementById("capa").style.marginRight= "1px";
}

window.onload = function() {
setInterval(muestraReloj, 1000);
}

lo que quiero es que el cuadradito que e creado se mueva a la derecha constantemente, cada segundo un pixel.

Me podeis decir que hago mal??

Panino5001 · #2 (**permalink**) 10/12/2008, 09:35

La función siempre establece la misma posición. Deberías definir una variable que se modificara cada vez que la función es invocada. Lo normal sería posicionar el elemento de manera absoluta y jugar con la propiedad left.

cafero · #3 (**permalink**) 10/12/2008, 09:45

me podrías decir mas o menos como?, lo unico que quiero es eso que el cuadrarito se mueva solo un px por segundo