javascript - 在 JQuery 中延迟 For 循环

Question

但是，我有以下正在运行的脚本；我希望每个数组项在循环继续之前显示几秒钟。如何在 JQuery 中实现这一点？

 <script>
 $(document).ready(function () {
     $("#x").click(function () {
         $.get('testfile.htm', function (data) {
             var i = 0;
             var mydata = [];

             $('#dc').html(data);

             $('#dc').find('div').each(function () {
                 mydata[i] = $(this).text()
                 i++;
             });

             for (id = 0; id < mydata.length; id++) {
                 $('#res').text(mydata[id]);
             }
         })
     });
 });
 </script>

Answer 1

您可以利用 fx 队列，只需 queue更新所有文本更改，每次更改之间有一个延迟。这还允许您无缝地使用动画，例如 fadeOut 和 fadeIn。

_{jQuery 方式:}

$.each(mydata, function (i, val) {
    $('#res').queue(function (n) {
        $(this).text(val);
        n();
    }).delay(1000); //how many miliseconds between text changes
    //or with a simple fade in-out effect:
    //}).fadeIn().delay(1000).fadeOut();
});

_原文:

for (id = 0; id < mydata.length; id++) {
    $('#res').text(mydata[id]);
}