display the dom process by jquery

Question

I'm trying to display the process 'slowly' by adding a setTimeOut()

for (i = 0; i < 10; i++){
    setTimeout(function(){$("#result").prepend('dom<br/>')},2000);
}

Well, it doesn't work still, the dom process would display instantly after 2 second. What I want to do is 'see' the process of dom change, it would be like linux process file effect.

what should I do?

[this](http://stackoverflow.com/questions/8202182/looping-settimeout) May help you. — Murad Hasan, Mar 28 '16 at 05:19
@FrayneKonok thanks for your link~ lnpyo gave a more clear answer :D — Weijing Jay Lin, Mar 28 '16 at 05:40

score 1 · Accepted Answer · answered Mar 28 '16 at 05:35

1

I would recommend separating functions and use setInterval

OR use 'for ~' for initializing the timing like below.

for (var i = 0; i < 10; i++) {
    setTimeout(function(){
        $("#result").prepend('dom<br/>');
    }, 2000 + 2000 * i);
}

answered Mar 28 '16 at 05:35

Inpyo Jeon

220
1
7

display the dom process by jquery

1 Answers1