jQuery .each causing browser hangs

Question

I want to loop all my table rows and do some validations, below is my code.

$("#table > tr").each( function( idx, el ) {

// my calculations goes here, it will take 500 ms for each record        

});

This is working fine when I do loop for 20-30 rows, if I do loop 100+ records then browser hangs.

I am unable to use setTimeout here in this logic, could some one help me out on this. Thanks in advance!!

It would be helpful to see the calculations, 500ms is a lot of time. — Alberto Zaccagni
– Alberto Zaccagni, Commented Nov 20, 2013 at 10:01
500ms * 100 rows = 50 sec. If I'm not mistaking most modern browsers allow JS to run for 30 sec uninterrupted, that require user confirmation. So you'd better optimize the validations to consume less time. — J0HN
– J0HN, Commented Nov 20, 2013 at 10:02
I just have no idea how you could possibly write code that takes more than a couple ms to run... How do you do that? — Niet the Dark Absol
– Niet the Dark Absol, Commented Nov 20, 2013 at 10:03

Ivan · Accepted Answer · 2013-11-20 10:23:53Z

2

Of course you can add setTimeout:

$("#table > tr").each( function( idx, el ) {

    setTimeout( function() { validation(idx,el) }, 0 );

});

But I'm pretty sure you're doing something in a wrong way inside you validation function. 500 ms of synchronous code is just too much in web development, especially for 30sec tasks! I'm sure you can do it asynchronously or more optimised.

answered Nov 20, 2013 at 10:23

Ivan

2,07713 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nagesh Over a year ago

Thanks for reply, but is that seTimeout stops executing .each() untill we complete validation logic ?

Collectives™ on Stack Overflow

jQuery .each causing browser hangs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related