javascript - Javascriptで360°の角度で画像を移動する

Question

画像を360°（回転ではなく）移動させようとしていますが、これまでのところ、特定の方向にしか移動できませんでした。左と下のコースを追加すると、画像は左と下に斜めになります。プロパティは次のとおりです。

CSS

#circle{
    background:red; 
    border-radius:100px; 
    height:100px; width:100px; 
    position:absolute;
}

JavaSript

(function() {

var speed = 10, 

  moveBox = function(){
  var el = document.getElementById("circle"),
        left = el.offsetLeft,
        moveBy = 3;     

    el.style.left = left + moveBy + "px";

        if(left > 200){
            clearTimeout(timer);
        }
    };

    var timer = setInterval(moveBox, speed);

}());

HTML:

<div id='circle'></div>

JsFiddleオンライン デモ

問題は赤い円をループバックすることです。左>下>右>上に円形に移動したいです。

助けてくれてありがとう。