Run

var circle = document.querySelector(".circle");
var begin = +new Date; // 開始時間
var timer = setInterval(function() {
    var time = new Date - begin; // 経過時間
    var pos; // 現在値の割合
    var now; // 現在値

    // 1秒たったら終了して値は500pxになる
    if (time > 1000) {
        clearInterval(timer);
        now = 500;
    }
    // 1秒未満の場合は現在の値を計算して割り出す
    else {
        pos = time / 1000; // 現在値の割合を計算
        now = pos * 500;   // 現在値を計算
    }
    circle.style.left = now + "px";
}, 10);