javascript - xmlhttp リクエスト onreadystatechange の戻り値が配列に送信される

Question

xmlhttp リクエストは毎回異なる数値を返します。2秒ごとに最大10回呼び出して、それらの値を配列に送信したい。

以下のアプローチを試しましたが、うまくいきません

function dif() {
var request = new XMLHttpRequest();
request.onreadystatechange = function () {
var returned = (new Date).getTime();
if (request.readyState === 4 && request.status === 200) {
    var timestamp = request.responseText.split('|');
    var original = + timestamp[0];
    var receive = + timestamp[1];
    var timeoffset = original - receive;
    return timeoffset

}
}
request.open("POST", "sync.php", true);
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
request.send("original=" + (new Date).getTime());

}


var times = [];

function time() {
times.push(dif());
if (times.length < 10) {
    setTimeout(time, 2000);
}
}

setTimeout(time, 100);

これらの値を配列 times=[] に入れる方法を教えてください