javascript - 循环延迟

我想遍历数组并在每次迭代中分配颜色。设置颜色后，我想延迟到下一次迭代，然后再次更改颜色。

这是我当前拥有的代码，但是我无法在just1数组的for循环的每次迭代之间创建延迟。

var colors = new Array("Good","Warning","Bad");
var crntcolor= 0;
just1=[[2.8077203491999057, -1.0756484331027858], [5.4610502752805568, -1.1574541704299315], [2.414925300315495, -1.506728995633369], [11.3143165555403673, -1.4461945021353346]];
function ChangeText()
{
    document.getElementById('changeText').innerHTML = colors[crntcolor];
    for(i=0; i<just1.length; i++)
    {
    if(just1[i][0] >= -5 && just1[i][0] <= 5)
    {
        crntcolor =0;
    }
    else if (just1[i][0] > 5 && just1[i][0] <= 10)
    {
        crntcolor = 1;
    }
    else if (just1[i][0] > 10)
    {
        crntcolor = 2;
    }
    setTimeout("ChangeText();",1000);
}
}

ChangeText();

最佳答案

我想您想做的是遍历数组，并且每个元素之间都有一个延迟。您需要摆脱for循环，并且一次只更改一个元素的文本：

var colors = new Array("Good","Warning","Bad");
var crntcolor= 0;
var just1 = [[2.8077203491999057, -1.0756484331027858], [5.4610502752805568, -1.1574541704299315], [2.414925300315495, -1.506728995633369], [11.3143165555403673, -1.4461945021353346]];
function ChangeText(index)
{
    document.getElementById('changeText').innerHTML = colors[crntcolor];

    if(just1[index][0] >= -5 && just1[index][0] <= 5)
    {
        crntcolor =0;
    }
    else if (just1[index][0] > 5 && just1[index][0] <= 10)
    {
        crntcolor = 1;
    }
    else if (just1[index][0] > 10)
    {
        crntcolor = 2;
    }
    if(index < just1.length)
    {
        setTimeout(function() { ChangeText(index+1); },1000);
    }

}

ChangeText(0);

我不确定the delay between the text specific to the array data present in just1是什么意思。据我所知，您已经指定了固定的延迟（1000）。您是说要根据数组中的值来设置不同的延迟吗？如果是这样，您可以在循环中更改值：

setTimeout(function() { ChangeText(index+1); },1000 * just1[index][0]);

这会将延迟设置为

遍历数组时分别为2.8、5.45、2.41和11.31

关于javascript - 循环延迟，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41263169/