为for循环添加时间延迟

Question

我是javascript的新手，我每天都在努力做小练习。我很难搞清楚是否可以为for循环添加时间延迟。因此，当代码从一个i转到另一个时，它将等待一秒钟。

我正在尝试构建一个小程序，为用户输入的每个字母播放声音。例如，对于数字，它将播放声音，而另一种声音将播放为字母。当它从一个i转到另一个时，它只需等待一秒钟（i ++），因此声音不会立即播放。

提前谢谢。

function getText()
    {
    var myString=document.name1.ids.value;
    var list3 = myString.split('')
    var list1 = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"];
    var list2 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
    for (var i = 0; i < list3.length; i++) {
        if(list1.indexOf(list3[i]) >= 0){
           audio.play();

    }
        else if(list2.indexOf(list3[i]) >= 0){
           audio2.play();
    }
        else{

    }
    }
    }

Answer 1

您无法 延迟执行for循环，但您可以使用一系列setTimeout：

function getText() {
    var myString = document.name1.ids.value;
    var list3 = myString.split('')
    var list1 = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"];
    var list2 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];

    for (var i = 0; i < list3.length; ++i) {
        setTimeout(playOne.bind(null, list3[i]), i*1000);
    }

    function playOne(entry) {
        if (list1.indexOf(entry) >= 0) {
            audio.play();

        } else if (list2.indexOf(entry) >= 0) {
            audio2.play();
        }
    }
}

通过在list3中为0秒，1秒，2秒等处的每个条目安排回调来工作。Function#bind返回一个新函数，当被调用时，将使用给定的{ {1}}值（我们使用this，因为我们不需要特定的一个）和您给出的参数。所以我们排队null以在0秒播放第一个条目，在第二个条目播放一秒钟等等。

在Array#forEach的引擎上（他们几乎全部拥有它，你可以填充那些不那么简单的引擎）：

playOne