javascript - 如何使用 Jquery 或 javascript 在后续将 html 附加到 div 之间进行延迟？

<分区>

在我的应用程序中，当将一些 html 附加到数组中的 div 时，我遇到了设置延迟的问题。 (随后的时间)。请看下面的代码。我将“Hello World”文本附加到一个 div 中 10 次。我希望在每次追加后有一些延迟。

function someFunction(){
    for(var i=0;i<10;i++)
    {
         addElement();
    }
}

function addElement()
{
     $('.SomeDiv').append('<div>Hello World</div>');
}

我试过这样的:

 function someFunction(){
    for(var i=0;i<10;i++)
    {
        setTimeOut(function(){
            addElement();
        },1000);             
    }
}

但这行不通。我该怎么做。

最佳答案

试试这个:

function someFunction() {
    for (var i = 0; i < 10; i++) {
        setTimeout(function(){
            addElement();
        }, 1000 * i);
    }
}

function addElement() {
    $('.SomeDiv').append('<div>Hello World</div>');
}

http://jsfiddle.net/C4hwg/

请注意 1000 * i 增加超时时间，它起到了作用。

关于javascript - 如何使用 Jquery 或 javascript 在后续将 html 附加到 div 之间进行延迟？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17866888/

上一篇：jquery - 使用 jquery.on ('click' 时 iPhone 上的元素闪烁

下一篇：html - 使用 CSS 和 HTML 创建下拉菜单

相关文章：

jquery - IE8 的 CSS 动画问题，在所有其他浏览器中工作正常

Javascript简单代码错误

html - 使文本区域的第一行与列表项中的元素符号位于同一位置

javascript - 在 JQuery 脚本中刷新 CURTIME() 值

javascript - Rails 上 .js.erb 文件中的 Ruby 数组到 js 数组

javascript - 无法从 JavaScript 客户端对象模型文件夹内的 SharePoint 文档中检索元数据

jquery - 在 Zombie.js 中使用 jQuery

jquery - knockout View 模型已更改

javascript - 我想在单击提交按钮时始终删除 div 容器？

Javascript var 在计算中不起作用