¿Como representar una trayectoria? [sin transiciones CSS]

[Alexis88]

Aún estoy algo aturdido por el concierto al que asistí anteayer, pero como me pareció interesante este hilo, me propuse a hacer algo al respecto.

Código Javascript:

var div = document.getElementsByTagName("div")[0],
    limite = prompt("Distancia:"),
    x = 0,
    fn = function(){
        x += 5;
        if (x <= limite){
            div.style.top = x + "px";
            div.style.left = x + "px";
        }
    };
 
setInterval(fn, 1000);
 

El usuario ingresará la cantidad máxima de píxeles que el Div debe desplazarse, luego, cada segundo ejecuto la función que realizará el desplazamiento. En cada ocasión, compruebo que el valor del contador que utilizo para el desplazamiento sea menor o igual al límite, mientras se cumpla esta condición, sigo desplazando al Div, caso contrario, dejo de hacerlo.

DEMO

Si no es exactamente lo que buscabas, al menos te puede dar una idea para lo que deseas realizar.

Saludos