settimeout循环没有延迟

时间:2016-07-13 07:58:53

标签: javascript loops settimeout

我有读取csv文件的函数并计算两种类型值“Client”和“Helper”之间的距离

function readCSV(e){
    var file = e.target.files[0];
    var helferList =[];
    var kundenList =[];
    if (!file) {
        console.log('file could not be read');
            return;
    }
    var reader = new FileReader();
    reader.onload = function(e) {
            var contents = e.target.result;
            var result = $.csv.toArrays(contents);
        $('.output').append(",");
        for(i = 0; i< result.length; i++){
            if(result[i][0] =="Kunde"){
                kundenList.push(result[i]);
            }
            else if(result[i][0] =="Helfer"){
                helferList.push(result[i]);
                $('.output').append(result[i][1] + " "+ result[i][2] + ", ");
            }
        }
        $('.output').append("\n");
        console.log(kundenList.length);
        for(i = 0; i< kundenList.length; i++){
            $('.output').append(kundenList[i][1] + " "+ kundenList[i][2] + ", ");
            for(j=0; j <helferList.length;j++){
                setTimeout(getDistance(kundenList[i],helferList[j]),500);

            }
            $('.output').append("\n");
        }


    };
    reader.readAsText(file);
}

我遇到的问题是我必须在每次距离计算之间有一个延迟。出于这个原因,我使用:

 setTimeout(getDistance(kundenList[i],helferList[j]),500);

但它似乎不起作用,因为计算之间没有延迟

1 个答案:

答案 0 :(得分:1)

你必须使用乘数,因为在你当前的代码中,所有函数都将被触发500毫秒,但不是增量。执行for() 500毫秒后,所有函数将立即被触发。

要更改此设置,请使用如下标记制作乘数:

function readCSV(e){
    var file = e.target.files[0];
    var helferList =[];
    var kundenList =[];
    if (!file) {
        console.log('file could not be read');
            return;
    }
    var reader = new FileReader();
    reader.onload = function(e) {
            var contents = e.target.result;
            var result = $.csv.toArrays(contents);
        $('.output').append(",");
        for(i = 0; i< result.length; i++){
            if(result[i][0] =="Kunde"){
                kundenList.push(result[i]);
            }
            else if(result[i][0] =="Helfer"){
                helferList.push(result[i]);
                $('.output').append(result[i][1] + " "+ result[i][2] + ", ");
            }
        }
        $('.output').append("\n");
        console.log(kundenList.length);
        var k = 0;
        for(i = 0; i< kundenList.length; i++){
            $('.output').append(kundenList[i][1] + " "+ kundenList[i][2] + ", ");
            for(j=0; j <helferList.length;j++){
                // 500 * k = 500 * 1 | 500 * 2 | etc
                setTimeout(getDistance(kundenList[i],helferList[j]),(500 * k++));

            }
            $('.output').append("\n");
        }


    };
    reader.readAsText(file);
}