如何使用jquery或javascript在后续附加html到div之间进行延迟？(How to Delay between subsequent append html to a div using

如何使用jquery或javascript在后续附加html到div之间进行延迟？(How to Delay between subsequent append html to a div using Jquery or javascript? [duplicate])

这个问题在这里已经有了答案：

如何在JavaScript循环中添加延迟？ 22个答案

在我的应用程序中，当将一些html附加到数组中的div时，我遇到了一些设置延迟的问题。 （随后的时间）。 请参阅下面的代码。 10次​​我将“Hello World”文本附加到div中。 每次追加后我都想要一些延迟。

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); } }

但是这不起作用。 我怎样才能做到这一点。

This question already has an answer here:

How do I add a delay in a JavaScript loop? 24 answers

In My application I am facing some problem with setting delay when appending some html to a div within a array. (subsequent time). Please see the following code. 10 times I am appending " Hello World" text into a div. I want some delay after each append.

function someFunction(){ for(var i=0;i<10;i++) { addElement(); } } function addElement() { $('.SomeDiv').append('<div>Hello World</div>'); }

I have tried like this:

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

But this is not working. How can I do this.

最满意答案

尝试这个：

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增加超时时间，它的确有窍门。

Try this:

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/

Note 1000 * i increasing timeout, it does the trick.