ansaurus

Question

javascript setTimeOut - not running on nested setTimeout

Answer 1

A:

this

            var th1 = setTimeout(function () {hide("twitRow1")},1000);
            var ts1 = setTimeout(function () {show("twitRow2")},1000);

will have them run both after one second. Do you want this?

            var th1 = setTimeout(function () {
                hide("twitRow1");
                var ts1 = setTimeout(function () {show("twitRow2")},1000);
            },1000);

this will only start the second timeout when the first runs. Is that it?

Edit: much simpler like

            var th1 = setTimeout(function () {hide("twitRow1")},1000);
            var ts1 = setTimeout(function () {show("twitRow2")},2000);

I got carried away :P

Victor 2009-10-23 11:00:49

Yes, thats what I want. I assumed that it held up operation until the timeout finished. Seems not.

SynackSA 2009-10-23 11:02:28

Yeah, there is no sleep() in javascript. You have to use timeouts and run the thing asynchronously. Cheers

Victor 2009-10-23 11:05:13

Answer 2

+1 A:

Victor is right, if you set off two timeouts with the same delay they will both fire at almost exactly the same time. If you want to show the next div just after you finish hiding the previous one, jQuery gives you a callback in the hide method to do exactly that.

Either way, that's a really unnecessary amount of scripting you've got there. I suggest instead something like:

$(document).ready(function() {
    var rows= $('#myDivTable>div');
    var rowi= 0;
    rows[rowi].show();

    setInterval(function() {
        rows[rowi].hide('slow', function() {
            rowi= (rowi+1)%rows.length;
            rows[rowi].show('slow');
        });
    }, 5000);
};

(Incidentally: it is generally better to pass a function to setTimeout, not a string. Also your original show/hide functions seem to think String.concat behaves like a Java StringBuffer. It doesn't, there is no advantage to be gained by using this over just +ing strings together; in fact it's slower.)

bobince 2009-10-23 11:56:24

ansaurus

tags:

views:

answers:

javascript setTimeOut - not running on nested setTimeout

related questions