JavaScript Sleep Function

joebert,

I admit that sleeping in JavaScript is a kludgy thing to do, especially if we're talking about a Web application. Any time I consider sleeping, I usually come up with a more elegant solution.

I came across this discussion because I finally found a case where I really did want to sleep. I was developing a quick-and-dirty tool to evaluate the skills of software testers. It's a specialized calculator with all sorts of deliberate bugs. When interviewing candidates, I present them with this buggy calculator, give them a few minutes, observe their technique and tabulate how many defects they find. One of the defects is that the user interface becomes slow to respond under certain conditions. I use a sleep function to create this latency.

I have one that my AJAX class uses to wait for retry or something like that. This topic has a crazy hits, wow.

Okay, here is why I need it: I am programming a multi-player game based on the old "concentration" game where you flip over two cards and if they match, you get a point. Otherwise play moves to the next player.

Now this work's great when you're playing it on a table and you see what cards the other player flipped, but when you're playing online and are at a different computer, I want to reveal the two cards that were flipped to the remote players, and I think it is more pleasing (and realistic) to flip one card over, wait a second, then flip the second one.

Okay, sure, I can certainly work around this with timeouts, etc. But really all I want is a simple sleep function so I can do this:



Instead, my solution is:



where restOfCode is the code I want to execute after clearing cards, and var1-varN are the local variables I now want to pass to this code.

We can debate which is more elegant, but I personally think the sleep version is more straightforward.

...Lance

I think this can be solved with the setTimeout function. At least in the
case where one wants to delay in a loop. If one creates a while-loop
between two functions the timeout can be used in one end.



This way one can call do_something with 0 and it will be done 30
times with a 10 sec. delay between the steps. For an infinite loop
just replace return with setting i = 0.

--
Øyle

General case.



--
Øyle

Just wanted to add my $0.02 to this:

Under any normal circumstances, there is no need for a real sleep function. As many others have indicated, there are more elegant solutions for most cases. In my case, I needed a real sleep function. I have an onUnload function that needs an extra second or two to process before the window is destroyed. In this case, setTimeout, and many other solutions failed and I needed a method to force the window to stay open and let the onUnload function do its business. It's a quick and dirty solution, but it sure beats rewriting someone else's code entirely.

All of you guys who want to use a sleep function to clog up script execution really should study event handlers better. Javascript has an awesome event model just for situations like these.

Explainit it in detail is beyond the scope of a single forum thread, but some useful search terms to include with your "javascript" queries will be "event handlers", "watch/unwatch", "callback functions", "addEventListener", "dispatch".

You're clogging up execution with while loops and jury rigged sleep functions like that. There are already timer loops running that look for events to perform actions for.

But hey, if it works for you, do it I suppose.

I have a problem, I have to postpone a function that sends an AJAX request in case the click of a button, for few seconds! So do not be the same function called twice!
Has anyone had a similar problem and solved it?

hidaet14, maybe you can resolve your issue with something similar to this?

A lot of times I thought I needed sleep, I found this did the job:

Simplest solution that works and doesn't chew up CPU.