在for循环中设置一个间隔以显示结果

尼禄

大家好,我是javascript的新手,我一直在搞乱它,我想知道是否有任何机会控制该事件,导致输出例如“ for循环”之类的东西,这就是我的意思。必须:

var stuff= ["cat","dog","parrot","wolf"];
var output = "";
for(var i = 0; i < stuff.length; i++){
    output += stuff[i] + "</br>"; 
}

document.getElementById("result").innerHTML = output;

它将在我的div'结果'中输出:

cat
dog
parrot
wolf

我一直想做的是在每个输出之间设置1秒的间隔...所以猫首先出现,然后在狗之后出现第二个,依此类推...这可能吗?提前致谢

亚当·切尔蒂(Adam Cherti)

是的,这是可能的,您可以使用setTimeout(function_to_call,1000);

在您的for循环中,您可以在每次迭代中使用setTimeout,但是时间随着i的增加而增加,以便将内容每秒附加到#result:

 var stuff= ["cat","dog","parrot","wolf"];
    
    for(var i = 0; i < stuff.length; i++)
    {
        var func = function(index)
        {
        setTimeout(function()
        {
            document.getElementById("result").innerHTML += stuff[index] + "<br/>";
        }, 1000*index);
        }
        func(i);
    }
<p id="result"></p>

    var func = function(index)
    {
    setTimeout(function()
    {
        document.getElementById("result").innerHTML = document.getElementById("result").innerHTML + stuff[index] + "<br/>";
    }, 1000*index);
    }
    func(i);
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在for循环中设置一个间隔以显示结果

来自分类Dev

如何在一个循环中显示按日期列排序的多个mysql表的结果

来自分类Dev

在 for 循环中只显示系列中的最后一个结果

来自分类Dev

TCPDF从循环中仅显示一个HTML表

来自分类Dev

我该如何区分结果和do循环中的前一个结果?

来自分类Dev

在php循环中,如何使一个结果的单选按钮与下一个结果无关

来自分类Dev

在第一个循环的for循环中一次显示文本

来自分类Dev

在for循环中设置一个标志,以在同一循环中调用的函数的回调函数中使用

来自分类Dev

使用“下一个错误”和“上一个错误”循环显示结果

来自分类Dev

PHP Mysql While循环将覆盖一个变量并仅显示一个结果

来自分类Dev

Python挂在一个循环中

来自分类Dev

在for循环中重复一个步骤

来自分类Dev

从循环中取出一个值?

来自分类Dev

在parfor循环中使用Parsave-仅保存我的最后一个变量结果

来自分类Dev

是否可以在javascript中的一个循环中将结果数减7、3、2?

来自分类Dev

sqlsrv_query在while循环中缺少第一个结果

来自分类Dev

Laravel 4 foreach循环中的第一个奇怪结果

来自分类Dev

我怎么知道最后一个异步函数何时在“ for key in ob”循环中返回结果?

来自分类Dev

流星/ Node.js:在for循环中均匀地跨越一个定时间隔发出多个http请求?

来自分类Dev

流星/ Node.js:在for循环中均匀地跨越一个定时间隔发出多个http请求?

来自分类Dev

在第二个循环中未显示第一个滑块图像

来自分类Dev

在一个for循环中显示2个迭代数组

来自分类Dev

为什么我不能在 for 循环中设置一个等于另一个整数的整数?

来自分类Dev

PHP未设置数组foreach循环中创建一个对象

来自分类Dev

JLabel.setText()仅为循环中的最后一个元素设置文本

来自分类Dev

变量设置为Java的for循环中的最后一个值

来自分类Dev

如何在php循环中设置第一个孩子活跃

来自分类Dev

Android:如何在一个循环中创建多个的EditText中设置DatePicker值

来自分类Dev

如何为在一个循环中创建其所有JRadioButton的ButtonGroup设置setSelected?

Related 相关文章

  1. 1

    在for循环中设置一个间隔以显示结果

  2. 2

    如何在一个循环中显示按日期列排序的多个mysql表的结果

  3. 3

    在 for 循环中只显示系列中的最后一个结果

  4. 4

    TCPDF从循环中仅显示一个HTML表

  5. 5

    我该如何区分结果和do循环中的前一个结果?

  6. 6

    在php循环中,如何使一个结果的单选按钮与下一个结果无关

  7. 7

    在第一个循环的for循环中一次显示文本

  8. 8

    在for循环中设置一个标志,以在同一循环中调用的函数的回调函数中使用

  9. 9

    使用“下一个错误”和“上一个错误”循环显示结果

  10. 10

    PHP Mysql While循环将覆盖一个变量并仅显示一个结果

  11. 11

    Python挂在一个循环中

  12. 12

    在for循环中重复一个步骤

  13. 13

    从循环中取出一个值?

  14. 14

    在parfor循环中使用Parsave-仅保存我的最后一个变量结果

  15. 15

    是否可以在javascript中的一个循环中将结果数减7、3、2?

  16. 16

    sqlsrv_query在while循环中缺少第一个结果

  17. 17

    Laravel 4 foreach循环中的第一个奇怪结果

  18. 18

    我怎么知道最后一个异步函数何时在“ for key in ob”循环中返回结果?

  19. 19

    流星/ Node.js:在for循环中均匀地跨越一个定时间隔发出多个http请求?

  20. 20

    流星/ Node.js:在for循环中均匀地跨越一个定时间隔发出多个http请求?

  21. 21

    在第二个循环中未显示第一个滑块图像

  22. 22

    在一个for循环中显示2个迭代数组

  23. 23

    为什么我不能在 for 循环中设置一个等于另一个整数的整数?

  24. 24

    PHP未设置数组foreach循环中创建一个对象

  25. 25

    JLabel.setText()仅为循环中的最后一个元素设置文本

  26. 26

    变量设置为Java的for循环中的最后一个值

  27. 27

    如何在php循环中设置第一个孩子活跃

  28. 28

    Android:如何在一个循环中创建多个的EditText中设置DatePicker值

  29. 29

    如何为在一个循环中创建其所有JRadioButton的ButtonGroup设置setSelected?

热门标签

归档