javascript - 等待foreach cshtml中的Javascript函数完成？

我正在尝试使用JavaScript进行简单的自动键入。我的问题是，如果我从视图（.cshtml）调用自动键入功能，它将无法按顺序运行。

我的cshtml像这样：

<script type="text/javascript" src="@Url.Content("/Scripts/autotype.js")"></script>

@foreach (var temp in @Model)
{
    <script>
        auto_type("ABCDEFG", 0)
    </script>
}

<div id="divauto"></div>

它是autotype.js：

function auto_type(wrt, i) {

    wrt = wrt.split('');
    var delay = 100;
    while (i < wrt.length) {
        setTimeout(function () {
            $('#divauto').append(wrt.shift())
        }, delay * i)
        i++;
    }
}

从这些代码中，输出将类似于“ AAABBBCCCDDDEEEFFFGGG”，但我需要如下输出：“ ABCDEFGABCDEFGABCDEFG”

最佳答案

我认为您正在寻找的是打字机或电传打字效果，其中的文字像打字机一样写出来？

在这种情况下，请查看此SO问题，因为它看起来可以满足您的需求。

Typewriter Effect with jQuery